【ibokan】HTMl常用标签复习总结笔记-CSDN博客

本文链接：https://blog.csdn.net/html5_/article/details/19567845

------------------------------------------------------------

1.网页框架基本结构块

<html> <body> <head>

2.布局结构块 <div>

标题 <h1>---> <h6>

段落 <p>

列表结构块
<ol type="有序类型"> 有序
有序类型有：1，a，A，i，I

<ul type="disc圆黑点（默认）或circle空心圆或square黑方块"> 无序
<dl> 自定义
dl包含<dt>父级和<dd>父级的子集

结构装饰线 <hr> <----无闭合状态，单标签

网页标题框 <title>

行内包含框 <span>

超链接 <a> <a href="http://www.baidu.com" target="_blank"> target属性：_parent _top _self _blank

图像 <img src=''/> <--------单标签

表示强调 <strong> <em>
------------------------------------------------------------
表示粗体，斜体 <b> <i> <----只记住区别不使用

引文 <q> <blockquote> <----只记住区别不使用

插入行文本下划线 <ins>或<u> <----只记住区别不使用

删除文本（本子中间划删除线） <del> <----只记住区别不使用

------------------------------------------------------------

表单 <form> 表单标题<legend>

表单域 <fieldset>

文本框 <input/> <--------单标签

换行符 <br/> <--------单标签

图像 <img/> <--------单标签

结构装饰线 <hr> <----无闭合状态，单标签

多行文本框 <textarea>

------------------------------------------------------------

按钮 <button>

下拉菜单 <select>

下拉框 <option>

下拉框分组 <optgroup>

<select>

<optgroup label="Swedish Cars">

<option value ="volvo">Volvo</option>

<option value ="saab">Saab</option>

</optgroup>


<optgroup label="German Cars">

<option value ="mercedes">Mercedes</option>

<option value ="audi">Audi</option>

</optgroup>

</select>

---------------------------------------------------------------------
标签标记 <label> 详细了解聚焦

<label for="email">邮箱：</label><input id="email" type="email" value="Email">

for与ID关联鼠标点到邮箱文字时，光标聚焦在文本框里。
---------------------------------------------------------------------
锚点
<a name="div1"></a>

<a href="#div1">回到顶部</a>
---------------------------------------------------------------------

表格 <table> 表格标题 <caption> 区别：表单标题<legend>

表头<thead> 表体 <tbody> 表尾 <tfoot>

行 <tr> 列 <col> 列的分组 <colgroup>

单元格 -

表头单元格 <th>

普通单元格 <td>

<table border="1">
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>

<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>

<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>
-------------------------------------------------------------
script用于引入JS文件

....................................................................
link用于引入一些文件，比如说CSS

<head>
<link rel="stylesheet" type="text/css" href="外部样式表文件地址" />
</head>
....................................................................


<style>
@import url("style.css");
</style>

....................................................................

<meta> 元信息

<style> 用于内部书写CSS

--------------------------------------------------------------