Cara membuat laman web html

HTML ialah bahasa standard untuk membuat halaman web. Belajar menggunakan HTML boleh membuat halaman web yang cantik dengan cepat. Artikel ini akan memperkenalkan sintaks asas HTML dan langkah-langkah untuk membuat halaman web.

1. Sintaks asas HTML

HTML ialah bahasa penanda yang boleh menggunakan teg untuk menerangkan struktur dan kandungan halaman web HTML yang lengkap mengandungi dua bahagian : kepala dan badan Sifat dan metadata halaman web ditakrifkan dalam kepala, dan kandungan serta gaya halaman web ditambah dalam badan.

Struktur asas halaman web HTML biasa adalah seperti berikut:

  
    <title>网页标题</title>
  
  
    <h1 id="一级标题">一级标题</h1>
    <p>段落1</p>
    <p>段落2</p>
  

Di mana:

1. ialah pengisytiharan jenis dokumen HTML5, memberitahu penyemak imbas bahawa ini adalah halaman web HTML5;
2. ialah elemen akar dokumen HTML dan mengandungi kandungan keseluruhan halaman web
3. mengandungi beberapa metadata halaman web, seperti sebagai tajuk (tajuk halaman web), meta (huraian halaman web dan kata kunci), pautan (helaian gaya), dll.;
4. mengandungi kandungan utama halaman web, termasuk teks, gambar, pautan, dsb.

2. Mula membuat halaman web

1. Pemilihan editor

Sebelum membuat halaman web, anda perlu memilih editor yang baik terlebih dahulu. Editor biasa termasuk Teks Sublime, Kod Visual Studio, Atom, dsb. Saya memilih Visual Studio Code sebagai contoh di sini.

2. Buat fail HTML baharu

Buka Kod Visual Studio dan buat fail HTML baharu Anda boleh menggunakan sebarang nama dan sambungannya ialah .html.

3. Tulis kod HTML

Dalam fail HTML baharu, tulis kod HTML mengikut sintaks asas yang diperkenalkan di atas. Sebagai contoh, kod berikut menunjukkan struktur halaman web yang ringkas:

  
    <meta charset="UTF-8">
    <title>我的网页</title>
    <link rel="stylesheet" href="style.css">
  
  
    <h1 id="欢迎来到我的网站">欢迎来到我的网站</h1>
    <p>这是我的第一个网页</p>
    <img src="/static/imghwm/default1.png" data-src="picture.jpg" class="lazy" alt="我的图片">
    <a href="http://www.baidu.com">去百度一下</a>
  

di mana:

• <meta charset="UTF-8"> menentukan kaedah pengekodan halaman web sebagai UTF-8, memastikan bahawa Bahasa Cina dalam halaman web Boleh dipaparkan dengan betul;
• <link rel="stylesheet" href="style.css"> memautkan gaya helaian gaya.css ke halaman web semasa, supaya gaya dan kandungan halaman web boleh dipisahkan; 🎜>
mewakili tajuk peringkat pertama,
• mewakili perenggan, <h1></h1> mewakili imej dan <p></p> mewakili pautan. <img alt="Cara membuat laman web html" ><a></a>

Tambah gaya CSS

4. CSS (Cascading Style Sheets) ialah bahasa yang digunakan untuk mengawal penampilan dan gaya halaman web CSS boleh menukar latar belakang halaman web Warna, warna teks, fon, saiz, jarak, dsb. Untuk menjadikan halaman web lebih cantik, kita perlu menambah beberapa gaya CSS.

Pertama, kami mencipta fail bernama style.css dan memperkenalkan fail dalam teg kepala fail HTML Kodnya adalah seperti berikut:

  
    <meta charset="UTF-8">
    <title>我的网页</title>
    <link rel="stylesheet" href="style.css">
  
  
    ...
  

Kemudian, tambahkan beberapa dalam gaya. Gaya fail css, contohnya:

body {
  font-family: Arial, sans-serif;
  background-color: #f5f5f5;
}

h1 {
  color: #444;
  font-size: 36px;
  text-align: center;
}

p {
  color: #666;
  font-size: 16px;
  line-height: 1.5;
  margin: 20px 0;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

a {
  color: #0074D9;
  text-decoration: none;
}

Antaranya:

<p></p>

menentukan fon, warna latar belakang dan gaya lain seluruh halaman web
• body
menentukan tahap pertama Warna, saiz fon dan penjajaran tengah bagi tajuk; >
• menentukan saiz maksimum imej Lebar, penyesuaian ketinggian, paparan berpusat dan jidar atas dan bawah ialah 0; h1
• menentukan warna pautan dan mengalih keluar garis bawah. p
• imgSimpan dan pratonton halaman web
• aSelepas melengkapkan langkah di atas, simpan fail HTML dan CSS dan buka fail HTML dalam penyemak imbas untuk pratonton Kami membuat halaman web.

Jika ia kelihatan tidak bagus, anda boleh terus melaraskan dan menambah baik gaya CSS.

5. 3. Ringkasan

Di atas adalah langkah asas untuk membuat halaman web HTML Dengan mempelajari dan menguasai sintaks asas HTML dan CSS, dan menggunakan editor yang baik, kita boleh mencipta cantik dengan cepat laman web. Sudah tentu, membuat halaman web memerlukan percubaan dan pembelajaran yang berterusan. Saya harap artikel ini dapat membantu pemula. <p></p>

Atas ialah kandungan terperinci Cara membuat laman web html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!