Saat Anda menavigasi ke halaman web di Internet, browser melakukan banyak pekerjaan. Browser membaca semua file yang diperlukan (HTML, CSS, dan JavaScript) dan menginterpretasikan sumber daya mentah tersebut untuk mewarnai halaman kompleks yang Anda lihat

Dalam artikel ini, Anda akan mempelajari cara membuat halaman web menggunakan editor teks di komputer Anda sendiri, lalu melihat halaman web di browser Anda. Jika Anda tertarik memublikasikan halaman web Anda ke World Wide Web (Internet) untuk dilihat semua orang, lihat setelah Anda memahami langkah-langkah di bawah ini

Langkah 1. Buka Editor Teks Anda

Langkah pertama adalah membuka editor teks Anda. Penting untuk menggunakan editor teks "mentah", dan bukan pengolah kata yang diformat

Pengolah kata menyisipkan karakter yang membuat halaman terlihat bagus, tetapi bukan HTML yang valid. Mereka adalah alat yang hebat untuk membuat dokumen bergaya, seperti makalah akademik dan pamflet, tetapi mereka juga menyisipkan karakter yang bukan HTML yang valid. Karena file halaman web harus berisi HTML yang valid, editor teks adalah alat yang lebih baik daripada pengolah kata untuk membuat halaman web

Langkah 2. Tulis Kerangka HTML Anda

Sekarang editor teks Anda terbuka, Anda dapat mulai menulis HTML Anda. Seperti yang Anda pelajari di pelajaran pertama kursus HTML & CSS, ada beberapa hal yang selalu ada dalam file HTML yang diformat dengan baik. Ini semuanya bersama lagi

    
My First Web Page!
Anda dapat menggunakan kerangka persis ini jika Anda suka. Cukup salin dan tempel ke editor teks Anda. Pastikan Anda menyertakan semuanya
Langkah 3. Simpan File Anda
Halaman web Anda sekarang sudah siap, tetapi saat ini hanya ada di dalam editor teks Anda. Langkah selanjutnya adalah menyimpan file ke komputer Anda. Jika Anda menutup editor teks sekarang tanpa menyimpan, halaman web baru Anda akan hilang. Ada beberapa hal penting yang perlu diingat ketika Anda menyimpan file tersebut
Gunakan ekstensi file HTML .html_, mis. e. about_me.html
Jangan gunakan spasi atau karakter khusus apa pun dalam nama file. Gunakan garis bawah (_) atau tanda hubung (-) sebagai gantinya
Putuskan di mana di komputer Anda Anda akan menyimpan file, dan pastikan untuk mengingat lokasinya
Gunakan ekstensi file HTML .html_
Ekstensi file adalah akhiran dari nama file, dan menjelaskan jenis file. Ekstensi file selalu berupa 3 atau 4 karakter terakhir dalam nama file, diawali dengan titik. Misalnya, ekstensi file HTML adalah .html, dan memberi tahu browser (dan aplikasi lain) untuk menginterpretasikan konten file sebagai halaman web. Perhatikan bahwa pada laman web lama Anda mungkin melihat .htm, tetapi ini kuno dan tidak lagi digunakan
Jangan gunakan spasi atau karakter khusus apa pun dalam nama file
Saat memilih nama file, pertahankan agar tetap sederhana. Tetap berpegang pada angka dan huruf. Gunakan garis bawah (_) atau tanda hubung (-) sebagai pengganti spasi. Abaikan tanda persen, garis miring, tanda tanya, tanda seru, koma, dan “karakter khusus” lainnya. Browser perlu menemukan file berdasarkan namanya, dan karakter khusus di dalam nama file dapat mengganggu proses tersebut. Nama file harus tetap sederhana dan harus mengikuti konvensi agar navigasi ke halaman web Anda lebih dapat diandalkan
Putuskan di mana di komputer Anda Anda akan menyimpan file
Setelah memilih nama file, pilih lokasi yang sesuai di sistem file Anda untuk menyimpan halaman web Anda. Merupakan praktik yang baik untuk membuat folder baru untuk menampung halaman web ini. Jika Anda membuat folder baru, gunakan konvensi penamaan yang sama yang diuraikan di atas untuk meminimalkan sakit kepala di masa mendatang. Hal terpenting saat memilih lokasi untuk menyimpan adalah mengingat di mana Anda menyimpannya. Jika Anda sudah menyimpannya tetapi Anda tidak ingat di mana, cukup klik File > Save As..., pilih lokasi baru untuk disimpan, dan pastikan untuk mengingat kali ini
Langkah 4. Buka Halaman Web Anda di Browser Anda
Sekarang Anda siap untuk melihat halaman baru Anda di browser Anda. Pertama, buka browser Anda. Di menu atas, klik File > Open File. Arahkan ke lokasi Anda menyimpan halaman web Anda. Klik pada file halaman web Anda dan kemudian klik .html0. Anda harus melihat halaman web Anda
Tinjauan
Dalam waktu singkat ini Anda belajar bagaimana mengambil apa yang Anda pelajari di Codecademy dan menggunakannya di komputer pribadi Anda sendiri. Anda juga belajar tentang ekstensi file, editor teks, dan menyimpan serta melihat file lokal. Sekarang Anda siap untuk menguji sendiri apa pun yang Anda pelajari di Codecademy, dan berlatih sendiri
 
HTML dikenal sebagai HyperText Markup Language. Ini adalah kombinasi dari bahasa Hypertext dan Markup. Di sini hypertext berarti tautan antara halaman web dan markup digunakan untuk menentukan dokumen teks di dalam tag yang menentukan struktur halaman web. Ini bertindak sebagai kerangka halaman web dan tanpa HTML akan sangat sulit atau tidak mungkin untuk membangun halaman web. Ini digunakan oleh semua browser dan digunakan untuk memanipulasi teks, gambar, dan konten lainnya, untuk menampilkannya dalam format yang diperlukan. Pada artikel ini, kita akan belajar cara membuat halaman web HTML
Membuat dokumen HTML
Langkah pertama membuat halaman web adalah membuat dokumen HTML. Dokumen HTML dapat dibuat di editor teks apa pun bahkan di notepad. Jadi editor teks apa pun dapat digunakan untuk membuat file Html. Kita hanya perlu menambahkan ekstensi. html /. htm. Mari kita buat program HTML dasar pertama
Untuk membuat dokumen HTML ikuti langkah-langkah berikut
Langkah 1. Buka editor teks Anda seperti Notepad Sublimetext, dll
Langkah 2. Tulis kode yang diberikan di bawah ini di editor teks
HTML



<html>
<head>
<title>First HTML filetitle>
<2head>
<<6>
<8<9
<2<6>
<2html>
Langkah 3. Simpan file ini dengan. html/. ekstensi htm
Langkah 4. Buka file itu dengan browser apa pun. Output akan ditampilkan
Jadi beginilah cara kami membuat dokumen HTML sederhana
Merancang Halaman Web
Untuk mendesain halaman web dalam HTML kita perlu belajar tentang tag dan atribut yang tersedia dalam HTML. Dalam HTML, tag adalah beberapa instruksi yang dilampirkan dalam kurung sudut. Dengan bantuan tag ini, kita dapat mendesain halaman HTML yang lebih menarik. Beberapa tag penting yang akan digunakan adalah sebagai berikut
1. 
 … 
 to 
 … 
: These tags are called header tags  and they are used to give heading to your webpage of different sizes.
…
 being the Largest Heading  to 
 …
 being the Smallest Heading.
2. Bold Tag (… or…): These tags are used to make text look bold. 
3. Italic Tag ( … or … ): These tags are used to make text look italics. The only difference between  and  is that semantically emphasis on important text or word whereas  tag is used to make is just used to make text italics.
4. Ordered List ( 
 … 
): The HTML 
 tag defines an ordered list. An ordered list can be numerical or alphabetical ., An ordered list starts and ends with a 
 tag. Each list item starts with 
 tag. We can use the type attribute to define type of ordered list we need to make:
TypeDescription type=”1″ Bernomor dengan angka(default)type=”A” Bernomor dengan Huruf Besar Type=”a”Bernomor dengan Abjad Huruf Kecil=”I” Bernomor dengan Angka Romawi Huruf Besartype=”i”Bernomor dengan Angka Romawi Kecil
5. Unordered List (
…
): It displays elements in bulletin form . An unordered list starts with 
 tag and each item  starts with 
 tag. We can use the type attribute to define the type of unordered list we need to make:
TypeDescriptiontype=”disc”Item ditandai di Buletin. (default) type=”circle”Item ditandai dengan lingkaran kosong. type=”persegi” Item ditandai dengan kotak. type=”none”Item tidak ditandai
6. Tag Gambar. Jika kami perlu menambahkan gambar ke situs web kami, kami perlu menggunakan sintaks berikut
Sintaksis
Halaman Web HTML
Di sini, kami membuat halaman web sederhana GeeksforGeeks.  
HTML



<html <33>2<35 <36>2<38>
<head>
>3<<45 <46>2<48>
>3<title<53title>
<2head>
 
<<6 <61>2<63>
>_3
>3<<68 <69>2<71
________12______72<61>2<75 >
>_3
>3<<7 <61>2<83<14<85<53<85_______12______12_______4_______7
>3<<7<14<85<96<85<18<7>
>_3
>3<head5<14<85html07<85<18head5>
>3<html14html15
________12______72html17
<72html19
________12______72html21html14>
<72
>3<html27<14html29html30html29<18html27>
>3<html37>
html39<>7<14html43 html44>2>07>08html43_______12______1_______18_______
 

			
Apa langkah-langkah untuk membuat halaman web dalam HTML?
			
Ikuti langkah-langkah di bawah ini untuk membuat halaman web pertama Anda dengan Notepad atau TextEdit.  . 
 
Langkah 1. Buka Notepad (PC) Windows 8 atau yang lebih baru.  .  
 
Langkah 1. Buka TextEdit (Mac) Buka Finder > Applications > TextEdit.  .  
 
Langkah 2. Tulis Beberapa HTML.  .  
 
Langkah 3. Simpan Halaman HTML.  .  
 
Langkah 4. Lihat Halaman HTML di Browser Anda
 
		
			
Apa itu HTML jelaskan secara singkat dengan contoh membuat halaman web?
			
HTML adalah  bahasa markup standar untuk membuat halaman Web . HTML menggambarkan struktur halaman Web. HTML terdiri dari serangkaian elemen. Elemen HTML memberi tahu browser cara menampilkan konten. 
		
			
Bagaimana cara membuat halaman web langkah demi langkah?
			
Langkah 1. Buka Editor Teks Anda. Langkah pertama adalah membuka editor teks Anda.  .  
 
Langkah 2. Tulis Kerangka HTML Anda. Sekarang editor teks Anda terbuka, Anda dapat mulai menulis HTML Anda.  .  
 
Langkah 3. Simpan File Anda.  .  
 
Langkah 4. Buka Halaman Web Anda di Browser Anda
 
		
			
Apa itu halaman web dalam HTML?
			
Elemen inti halaman web adalah  file teks yang ditulis dalam HyperText Markup Language (HTML) yang mendeskripsikan konten halaman web dan menyertakan referensi ke sumber daya web lainnya< . Halaman web adalah dokumen terstruktur yang terutama terdiri dari hypertext, teks dengan hyperlink. . A web page is a structured document that primarily consists of hypertext, text with hyperlinks.