首页 > 代码库 > HTML标签总结

HTML标签总结

2024-07-14 11:31:47   218人阅读

一，基本概念

HTML(Hypertext Markup Language) 超文本标记语言，是用于描述网页文档的一种标记语言，XHTML是一种遵循更严格的XML规则的HTML新版本，这种新的XML兼容版本的HTML被称为XHTML。

<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

二．大体框架 

<html>

<head> 

    <title>该文本的标题</title> 

</head> 

    <body>网页要显示的内容...(可以使用各种标签设置参数) </body> 

</html>

使用META标记 ，提供关于网页的信息 
<META  charset=”UTF-8"> 设置网页使用UTF-8编码

HTML标签语法：

1、双标记：<开始标记>内容</结束标记>。例 ：<font>新华网</font>、<title>...</title>

2、单标记：<标记>。 例：<hr>--加横线、<br>--换行、<b>--加宽等。

3、标记的属性：<标记 属性1=参数 属性2=参数...>内容</标记>。例：<font size="5" color="red"><b>新华新闻</b></font>。

 

三．标签分类

1、文档标签(10个)：<html>、<head>、<body>、<title>、<meta>、<base>、<style>、<link>、<script>、<noscript>

2、框架标签(4个)：<frame>、<frameset>、<iframe>、<noframes>

3、布局标签(1个)：<div>

4、表格标签(8个)：<table>、<thead>、<tbody>、<tfoot>、<tr>、<td>、<th><caption>

5、表单标签(10个)：<from>、<input>、<textarea>、<button>、<select>、<optgroup>、<option>、<label>、<fieldset>、<legend>

6、列表标签(6个)：<ul>、<ol>、<li>、<dl>、<dt>、<dd>

7、链接标签(1个)：<a>

8、多媒体标签(3个)：<img>、<map>、<area>

9、文章标签：<h1> - <h6> 、<p>、<br>、<span>、<pre>、<blockquote>、<q>、<ins>、<del>、<address>

11、特殊标签(3个)：<!DOCTYPE>、<!-- -->、<hr>

块元素(block element)   

  1. * div - 常用块级主要标签   
  2. * dl - 定义列表     
  3. * form - 交互表单   
  4. * h1-h6 - 标题   
  5. * hr - 水平分隔线   
  6. * ol ,ul- 排序表单 ，非排序列表   
  7. * p - 段落 
  8. * pre - 格式化文本
  9. * table - 表格
  10.   * blockquote - 块引用  

  

 

内联元素(inline element)   

  

  1.   * a - 锚点   
  2. * br - 换行    
  3. * em - 强调   
  4. * i - 斜体   
  5. * img - 图片   
  6. * input - 输入框   
  7. * label - 表格标签   
  8. * q - 短引用   
  9. * select - 项目选择   
  10. * span - 常用内联容器，定义文本内区块   
  11. * sub - 下标   
  12. * sup - 上标   
  13. * textarea - 多行文本输入框   
  14. * var - 定义变量   

 

块元素与行元素可以通过css 中display样式进行转换（inline，block，inline-block）。


联系
我们