1.html的基本語法
1.1 html語言:
HTML是“HyperText Mark-up Language(超文本標記語言)”的縮寫。表示網(wǎng)頁信息的符號標記語言。
可以設置文本的格式,如標題,字號文本顏色,段落等。也可以創(chuàng)建列表,插入圖像和媒體,建立表格,建立超鏈接,實現(xiàn)頁面跳轉。
1.2 html的標簽和屬性:
標簽的語法格式:所有標簽都是由一對尖括號和標簽名構成,并分為開始標簽和結束標簽。屬性用于控制內容如何顯示。
<標簽名稱 屬性=“屬性值” 屬性=“屬性值” ......>...</標簽名稱>
1
1
1.3 文檔注釋:
<!--要注釋的內容-->
1
1
1.4代碼格式:
空格鍵和回車鍵在網(wǎng)頁中不起任何作用,只是為了讓代碼清晰可讀,縮進時以tab進行縮進。
2.html的基本結構
2.1 基本結構:
整個html文件可以分為兩層,一層是外層,由<html>和</html>標簽對來標識;另外一層是內層,用于實現(xiàn)html文件的具體功能。根據(jù)實現(xiàn)功能的不同,又可以將內層細分為兩個區(qū)域,即頭部區(qū)域和主體區(qū)域。<head></head>標簽和<body></body>標簽。
它的基本結構如下:
在這里插入圖片描述
2.2 頁面的頭部標簽:
頁面的頭部標簽是指由<head></head>標簽所包含的部分,主要用于設置當前網(wǎng)頁的頁面標題,字符集,關鍵字,描述信息等內容,一般頭部的內容都不會在網(wǎng)頁上直接顯示。
常用的頭部標簽:<title>,<meta>
<title>標題內容</title>,顯示在瀏覽器窗口的左上邊。
在這里插入圖片描述
2.3 頁面的主體標簽:
<body>標簽封裝了頁面的主體內容,使用<body>標簽,還可以設置頁面背景,頁面文字顏色,頁邊距等頁面屬性。
2.3.1 設置網(wǎng)頁正文顏色和背景顏色:
基本語法:<body bgcolor="顏色值" text="顏色值">
![在這里插入圖片描述](https://img-blog.csdnimg.cn/20181106141859117.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4Njg0NTA0,size_16,color_FFFFFF,t_70結果:
2.3.2 添加網(wǎng)頁背景圖片:
基本語法:<body background="背景圖片的URL" >
2.3.3 設置網(wǎng)頁鏈接文字顏色:
基本語法:<body link="顏色值" vlink="顏色值" alink="顏色值">
在這里插入圖片描述
2.3.4 設置網(wǎng)頁邊距:
基本語法:
<body leftmargin="邊距值" rightmargin
html4.01 參考手冊(共89個)
排序按字母順序
<!--...--> 定義注釋。
<!DOCTYPE> 定義文檔類型。
<a> 定義錨。
<abbr> 定義縮寫。
<acronym> 定義只取首字母的縮寫。
<address> 定義地址元素。
<applet> 不贊成使用。定義 applet。
<area> 定義圖像映射內部的區(qū)域。
<b> 定義粗體字。
<base> 定義頁面當中的所有鏈接的基準鏈接。
<basefont> 不贊成使用。定義基準字體。
<bdo> 定義文字顯示的方向。
<big> 定義大號字。
<blockquote> 定義長的引用。
<body> 定義 body 元素。
<br> 插入一個回車(折行)。
<button> 定義按鈕 (push button)。
<caption> 定義表格標題。
<center> 不贊成使用。定義居中文本。
<cite> 定義引用(citation)。
<code> 定義計算機代碼文本。
<col> 定義用于表格列的屬性。
<colgroup> 定義表格的列組。
<dd> 定義定義的描述。
<del> 定義被刪除文本。
<dir> 不贊成使用。定義目錄列表。
<div> 定義文檔中的節(jié)。
<dfn> 定義定義的項目。
<dl> 定義定義列表。
<dt> 定義定義的項目。
<em> 定義強調文本。
<fieldset> 定義域結構。
<font> 不贊成使用。定義文字的字體、尺寸和顏色。
<form> 定義表單。
<frame> 定義框架的子窗口。
<frameset> 定義框架集。
<h1> to <h6> 定義標題 1 到標題 6。
<head> 定義關于文檔的信息。
<hr> 定義水平線。
<html> 定義 html 文檔。
<i> 定義斜體字。
<iframe> 定義內聯(lián)框架。
<img> 定義圖像。
<input> 定義輸入域。
<ins> 定義被插入文本。
<isindex> 不贊成使用。定義單行的輸入域。
<kbd> 定義鍵盤文本。
<label> 定義針對表單控件的標簽。
<legend> 定義框架集的標題。
<li> 定義列表的項目。
<link> 定義資源引用(resource reference)。
<map> 定義圖像映射。
<menu> 不贊成使用。定義菜單列表。
<meta> 定義元信息。
<noframes> 定義無框架的節(jié)。
<noscript> 定義無腳本的節(jié)。
<object> 定義內嵌對象。
<ol> 定義有序列表。
<optgroup> 定義選項組。
<option> 定義下拉列表中的選項。
<p> 定義段落。
<param> 定義用于對象的參數(shù)。
<pre> 定義預格式文本。
<q> 定義短的引用。
<s> 不贊成使用。定義加刪除線的文本。
<samp> 定義計算機代碼樣本。
<script> 定義腳本。
<select> 定義選擇列表。
<small> 定義小字體文本。
<span> 定義文檔中的節(jié)。
<strike> 不贊成使用。定義加刪除線文本。
<strong>。 定義強調文本。
<style> 定義樣式的定義。
<sub> 定義下標文本。
<sup> 定義上標文本。
<table> 定義表格。
<tbody> 定義表格的主體(部分)。
<td> 定義表格單元。
<textarea> 定義文本區(qū)域。
<tfoot> 定義表格的頁腳(腳注)。
<th> 定義表格的頁眉(表頭單元格)。
<thead> 定義表格的標題。
<title> 定義文檔的標題。
<tr> 定義表格的行。
<tt> 定義打字機文本。
<u> 不贊成使用。定義下劃線文本。
<ul> 定義無序列表。
<var> 定義變量。
<xmp> 不贊成使用。定義預格式文本
顧名思義,這是一個模板。比如需要ajax刷新一個列表,以前的做法是后端生成html返回,或者前端用DOM構建后加入,但現(xiàn)在有了template標簽,html的架構就不需要程序管了,只需要在特定的位置加入ajax請求到的數(shù)據(jù)即可,比如img的src或者其他text之類的,然后clone這個DOM,加入列表。其實許多人以前也應該做過類似的事情,把一段html隱藏起來,然后clone它并修改里面的屬性或者內容,得到一個DOM,加入列表并顯示,用來刷新ajax列表。