當前位置：首頁 > 網頁制作 > HTML/Xhtml > 詳細頁面

html基本介紹,了解html與css,html語法和結構

時間：2020-02-28來源：電腦系統城作者：電腦系統城

一般來說，制作自己第一個網頁通常書寫的文字是"hello world！你好，全世界"，代碼如下展示:

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <title>如何制作第一個網頁</title>
 7 </head>
 8 <body>
 9 hello world!你好，全世界
10 </body>
11 </html>

html和css關系：html是網頁內容的載體，css樣式是表現，JavaScript是用來實現網頁上的特效效果！平常大家說的上網就是瀏覽各種各式各樣的網頁，這些網頁都是由html標簽組成的。什么是html標簽，由開始標簽和結束標簽構成，類似這樣<p>段落標簽</p>，<br/>、<img src="圖像地址">等一系列標簽。

?html標簽的語法：

1.標簽由英文尖括號<和>括起來，如<html>就是一個標簽。
2.html中的標簽一般都是成對出現的，分開始標簽和結束標簽。結束標簽比開始標簽多了一個/。
3.標簽與標簽之間是可以嵌套的，但先后順序必須保持一致，如：<div>里嵌套<p>，那么</p>必須放在</div>的前面。
4.HTML標簽不區分大小寫，<h1>和<H1>是一樣的，但建議小寫，因為大部分程序員都以小寫為準。

?html文件基本結構:<html><head>...</head><body>...</body></html>

1.<html></html>稱為根標簽，所有的網頁標簽都在<html></html>中。
2.<head>標簽用于定義文檔的頭部，它是所有頭部元素的容器。頭部元素有<title>、<script>、<style>、<link>、<meta>等標簽。
3.在<body>和</body>標簽之間的內容是網頁的主要內容，如<h1>、<p>、<a>、<img>等網頁內容標簽，在這里的標簽中的內容會在瀏覽器中顯示出來。

<head>標簽的作用:文檔的頭部描述了文檔的各種屬性和信息，包括文檔的標題<title>等。絕大多數文檔頭部包含的數據都不會真正作為內容展示（下面這些標簽可用在 head 部分）

1 <head>
2     <title>...</title>
3     <meta>
4     <link>
5     <style>...</style>
6     <script>...</script>
7 </head>

最后了解HTML的代碼注釋:代碼注釋的作用是幫助程序員標注代碼的用途，過一段時間后再看你所編寫的代碼，就能很快想起這段代碼的用途。

html基本介紹,了解html與css,html語法和結構

相關信息

熱門系統總排行

裝機必備

系統教程欄目

欄目熱門教程

人氣教程排行

站長推薦

熱門系統下載