Perbedaan Fungsi HTML dan CSS pada Halaman Web

WritingSkills.my.id - HTML dan CSS adalah bahasa utama untuk membuat halaman-halaman web dan aplikasi-aplikasi berbasis web.  HTML merupa...

Perbedaan Fungsi HTML dan CSS pada Halaman Web

WritingSkills.my.id - HTML dan CSS adalah bahasa utama untuk membuat halaman-halaman web dan aplikasi-aplikasi berbasis web. 

HTML merupakan singkatan dari Hypertext Markup Language. HTML membuat struktur dan mengisi sebuah halaman web dengan teks, gambar, tautan dan container

CSS adalah singkatan dari Cascading Style Sheets yang berfungsi untuk menentukan tampilan dari dokumen HTML, XML, dan XHTML. 

CSS digunakan untuk mengubah style dari teks, gambar, dan tautan. CSS mengubah desain dan tampilan elemen-elemen di dalam halaman HTML. Singkatnya, CSS digunakan untuk membuat tampilan responsif, animasi, perubahan gaya teks, dan pemosisian container

HTML tersusun dari konten yang ada di antara tags, contohnya <tag>Konten di sini</tag>.

CSS tersusun dari selector yang diikuti dengan declaration block, contohnya selector{declaration block}.

Contoh kode HTML:
<h2>
  Ini adalah judul.
</h2>

<p>
  Ini sebuah paragraf. 
</p>

Contoh kode CSS:
 p { color: red; }
 h2 {font-size: 24px; }
 
Kedua contoh kode di atas berarti: (1) Dengan HTML kita membuat elemen judul dan paragraf; (2) Dengan kode CSS kita menentukan konten elemen <p> HTML menjadi berwarna merah, dan konten elemen <h2> memiliki ukuran huruf sebesar 24 pixel. 

HTML/CSS di Peramban

Sebagai contoh, kita punya dua buah file, HTML dan CSS di bawah ini:

Berkas HTML:
<p>
  This is a paragraph
</p>

Berkas CSS:
 p { color: green; }

Bila peramban hanya memuat berkas HTML saja, tampilan yang dihasilkan adalah:

Bila peramban memuat berkas HTML dan CSS, tampilan yang dihasilkan adalah paragraf tersebut yang berwarna hijau:

Tapi, jika hanya memuat file CSS saja, peramban hanya akan menampilkan teks: p { color:green; }.

COMMENTS

Nama

Accounting & Finance,1,Administrasi,1,American British English Differences,3,Belajar C#,6,Belajar Coding,31,Belajar HTML,9,Belajar PHP,1,Belajar Python,30,Business Letter,21,Business Letter Style,8,Business Letter Style Organization,3,Business Letter Style Outlook,2,Business Letter Style Tone,3,Business Memo,3,Chord Gitar,2,Dasar-Dasar C#,6,Dasar-Dasar HTML,9,Dasar-Dasar PHP,1,Download,7,English Grammar,13,French Tutorial,3,Job,2,Layout Formats,2,Letter Examples,6,List of Expressions,13,Main Gitar,9,Marketing Executive,1,Memo Examples,3,Motivasi,13,MS. Word Tutorial,5,Operator Perbandingan Python,4,Profile Form Examples,1,Proyek Python,9,Psikotes,1,Redundancy,2,Sample of Letters,1,Sekretaris,1,Serba-Serbi Informasi,5,Statement if Python,6,Surat Lamaran,4,While Loops Python,3,Writing Tutorial,27,Zodiak,1,
ltr
item
Writing Skills: Perbedaan Fungsi HTML dan CSS pada Halaman Web
Perbedaan Fungsi HTML dan CSS pada Halaman Web
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidZJ0AUPKTzdixtWsD5lqmEJHfxK7cbDSfJ2z1_V7kVuU2G2dZr6J-SWPubRdDFBZL-U-DsanPXYkz8qBWQq7p9pQsyZsbuPStK4_LblUkdXQGmarLsaxZ2y7zC51EwLQG7AhNYLtRbRAnLvkWN-piVE4SQug26AAXzuA0rx4pooHQwz5uicQlpyQS6JrI/s16000/Perbedaan-Fungsi-HTML-CSS-Web.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidZJ0AUPKTzdixtWsD5lqmEJHfxK7cbDSfJ2z1_V7kVuU2G2dZr6J-SWPubRdDFBZL-U-DsanPXYkz8qBWQq7p9pQsyZsbuPStK4_LblUkdXQGmarLsaxZ2y7zC51EwLQG7AhNYLtRbRAnLvkWN-piVE4SQug26AAXzuA0rx4pooHQwz5uicQlpyQS6JrI/s72-c/Perbedaan-Fungsi-HTML-CSS-Web.jpg
Writing Skills
https://www.writingskills.my.id/2024/02/perbedaan-fungsi-html-css-laman-web.html
https://www.writingskills.my.id/
https://www.writingskills.my.id/
https://www.writingskills.my.id/2024/02/perbedaan-fungsi-html-css-laman-web.html
true
3599370990183318253
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content