码迷,mamicode.com
首页 > Web开发 > 详细

HTML标签总结

时间:2014-07-31 02:18:55      阅读:416      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   使用   os   io   for   

一,基本概念

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)。

HTML标签总结,布布扣,bubuko.com

HTML标签总结

标签:style   blog   http   color   使用   os   io   for   

原文地址:http://www.cnblogs.com/aobingyan/p/3879577.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!