cari

Rumah >pembangunan bahagian belakang >Golang >Cara membuat laman web html

Cara membuat laman web html

WBOY
WBOYasal
2023-05-06 12:55:0810043semak imbas
<p>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.

<p>1. Sintaks asas HTML

<p>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.

<p>Struktur asas halaman web HTML biasa adalah seperti berikut: 

<!DOCTYPE html>
<html>
  <head>
    <title>网页标题</title>
  </head>
  <body>
    <h1>一级标题</h1>
    <p>段落1</p>
    <p>段落2</p>
  </body>
</html>
<p>Di mana:

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

  1. Pemilihan editor
<p>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.

  1. Buat fail HTML baharu
<p>Buka Kod Visual Studio dan buat fail HTML baharu Anda boleh menggunakan sebarang nama dan sambungannya ialah .html.

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>我的网页</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <h1>欢迎来到我的网站</h1>
    <p>这是我的第一个网页</p>
    <img src="picture.jpg" alt="我的图片">
    <a href="http://www.baidu.com">去百度一下</a>
  </body>
</html>
<p> 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> mewakili imej dan <p> mewakili pautan. <img><a>
Tambah gaya CSS
  1. 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.
<p>Pertama, kami mencipta fail bernama style.css dan memperkenalkan fail dalam teg kepala fail HTML Kodnya adalah seperti berikut: 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>我的网页</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    ...
  </body>
</html>
<p>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;
}
<p> Antaranya:

<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.
  1. 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>

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

html5 css html href 样式表 visual studio visual studio code sublime text atom
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：golang tidak boleh menyusunArtikel seterusnya：golang tidak boleh menyusun

Artikel berkaitan

Lihat lagi