HTML 超文本标记语言。
文本标签:
<h1>-><h6>
(h1最大的一级标题,h6最小的标题,自带加粗,每个标题独占一行,有间距)
<hr>
水平线
<br>
换行
<strong>
:强调作用(效果加粗),不独占一行。
<b>
:效果加粗,不独占一行。
<em
>:强调作用(强调倾斜),不独占一行
<i>
:效果倾斜,不独占一行。
<del></del>
<s ></s>
< u></u>
<sub></sub>
<sup></sup>
段落标签<p>
:每个段落独占一行,有段间距。
独占一行的元素叫做块元素,行内元素叫做内联元素。
<div>
:除了独占一行,没有任何其它默认的属性,里面可以装任何东西。
<span>
:不独占一行的标签(内联标签)
<img>
:src width height alt title
<a>
:href title target="_self|_blank"(base标签可以改变链接的默认行为,放在head文件夹下面)
关于跳转锚点的两种方法:1.#号、id属性。2.#号,name属性(name属性是加给a标签的)。
特殊符号:
标识一个空格,空格大小不确定,与文本字号有关,不同浏览器显示不一样。
<
>
;等等。
相对路径和绝对路径:
相对路径就是指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。(相对路径下.表示当前路径…表示上一级路径)
绝对路径是指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径。
列表:有序列表、无序列表和自定义列表。
有序列表:
<ul>
<li></li>
...
</ul>
无序列表:
<ol>
<li></li>
...
</ol>
自定义列表:
<dl>
<dt></dt>
<dd></dd>
...
</dl>
表格:
语义化标签、、(在一个table中,tBody是可以多次出现的,tHead、tFoot只能出现一次。
<table width height border bordercolor bgcolor cellspacing cellpadding >
<caption></caption>
<thead>
<tr>
<th colospan="4"></th>
</tr>
</thead>
<tbody>
<tr align="left|center|right">
<td valign="baseline|top|bottom|middle" rowspan="3"></td>
</tr>
</tbody>
<!--对于colspan和rowspan来说改变的只是td,tr始终不变-->
<tfoot></tfoot>
</table>
表单:
<form name="" method="post" action="http://www.baidu.com">
<filedset>
<!--表单元素可以通过filedset进行分组-->
<legend></legend>
<label for="txt"></label><input id="txt" type="text" name="user" placeholder/>
<label><input type="password" name="pas"/></label>
<input type="radio" name="ral" checked value>
<input type="radio" name="ral" value disabled enbled>
<input type="checkbox" name=""/>
<input type="checkbox" name=""/>
<input type="checkbox" name=""/>
</fildset>
<fildset>
<!--multiple size -->
<select>
<option selected></option>
...
</select>
<input type="hidden" value=""/>
<input type="image" src=""/>
<input type="file"/>
<input type="submit" value=""/>
<input type="button" value=""/>
<button></button>
<input type="reset" value=""/>
<textarea cols="" rows=""></textarea>
<fieldset>
</form>
表格和表单之间组合形成数据展示的效果。
Practice makes prefect.