materi & tugas pkl h5

tugas cari contoh berita:

Berita Langsung: 

https://www.suara.com/news/2024/01/12/104801/sungai-cikapundung-meluap-600-warga-braga-kota-bandung-kebanjiran

https://www.suarasurabaya.net/kelanakota/2024/motor-tabrak-trotoar-jalan-greges-surabaya-satu-orang-meninggal-dunia/

Berita Opini:

https://www.liputan6.com/opini/read/5265814/opini-kuasai-teknologi-digital-untuk-menjadi-kartini-masa-kini

https://www.liputan6.com/opini/read/5292008/opini-pentingnya-memprioritaskan-etika-dan-tata-kelola-ai

Berita Investigasi:

https://www.antaranews.com/berita/3912372/faa-selidiki-boeing-akibat-kecelakaan-alaska-airlines

http://money.kompas.com/read/2023/12/27/063538026/kci-investigasi-munculnya-percikan-api-di-kolong-krl-jabodetabek?_ga=2.87401115.2048827688.1705030002-1835892123.1705029995

Berita Ringan:

https://kalbar.suara.com/read/2023/12/12/080000/kenalan-dengan-pria-lewat-michat-waria-selebgram-tarakan-nekat-live-mesum-di-instagram

https://www.suara.com/lifestyle/2024/01/09/191939/honor-host-di-brownies-tak-sama-ayu-ting-ting-dan-ivan-gunawan-saingan

View:

https://www.liputan6.com/opini/read/5308436/cara-membuat-essay-yang-baik-dan-benar-perhatikan-susunannya

Feature:

https://www.cnnindonesia.com/nasional/20230414191031-20-937986/ilalang-dan-jalan-berlubang-di-proyek-mangkrak-kota-baru-lampung

https://www.cnnindonesia.com/nasional/20230630124459-12-968039/cerita-aipda-purnomo-rawat-odgj-dan-rangkul-mereka-yang-telantar

COLOR

<h1 style="border:2px solid Tomato;">Hello World</h1>

<h1 style="color:Tomato;">Hello World</h1>

<h1 style="background-color:DodgerBlue;">Hello World</h1>

COLOR NAMES

Tomato Orange Yellow

DodgerBlue MediumSeaGreen Blue

Gray SlateBlue PowderBlue

Violet LightGray LightGreen

Purple Red Black

Aqua Fuchsia Green

Lime Maroon Navy

Olive Silver Teal

Color Values

In HTML, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values.

The following three <div> elements have their background color set with RGB, HEX, and HSL values:

rgb(255, 99, 71)

#ff6347

hsl(9, 100%, 64%)

The following two <div> elements have their background color set with RGBA and HSLA values, which add an Alpha channel to the color (here we have 50% transparency):

rgba(255, 99, 71, 0.5)

hsla(9, 100%, 64%, 0.5)

RGB Color Values

In HTML, a color can be specified as an RGB value, using this formula:

rgb(red, green, blue)

Each parameter (red, green, and blue) defines the intensity of the color with a value between 0 and 255.

RGBA Color Values

RGBA color values are an extension of RGB color values with an Alpha channel - which specifies the opacity for a color.

An RGBA color value is specified with:

rgba(red, green, blue, alpha)

The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (not transparent at all):

example:

rgba(165, 118, 185, 0.4)

HEX Color Values

In HTML, a color can be specified using a hexadecimal value in the form:

#rggbb

Where rr (red), gg (green) and bb (blue) are hexadecimal values between 00 and ff (same as decimal 0-255).

Example:

#ff0000 is displayed as red, because red is set to its highest value (ff), and the other two (green and blue) are set to 00.

HSL Color Values

In HTML, a color can be specified using hue, saturation, and lightness (HSL) in the form:

hsl(hue, saturation, lightness)

Hue is a degree on the color wheel from 0 to 360. 0 is red, 120 is green, and 240 is blue.

Saturation is a percentage value. 0% means a shade of gray, and 100% is the full color.

Lightness is also a percentage value. 0% is black, and 100% is white.

EXAMPLE

<h1 style="background-color:rgb(255, 99, 71);">...</h1>

<h1 style="background-color:#ff6347;">...</h1>

<h1 style="background-color:hsl(9, 100%, 64%);">...</h1>

<h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>

<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>