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

WEB笔记-1、HTML 标记与文档结构

时间:2015-11-26 15:07:02      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:

1、HTML 标记与文档结构
 
1.1 块级(block)和行内(inline)标签
 
块级标签
  • <h1>-<h6> : 6级标签,h1表示最重要(h1 不仅仅是最大最突出的标题,搜索引擎也将其视为仅次于<title> 标签的另一个搜索关键词的来源)
  • <p>: 段落
  • <ol>: 有序列表
  • <li>: 列表项
  • <blockquote>: 独立引用
行内标签
  • <a>: 连接(anchor,锚)
  • <img>: 图片
  • <em>: 斜体
  • <strong>: 重要
  • <abbr>: 简写
  • <cite>: 引证
  • <q>: 文本内引用
 
1.2 标题与段落
 
标题:h1-h6
段落:p
 
1.3 复合元素
标题、图片、段落等属于基本内容标记
表格、列表、表单等组件属于复合元素
 
1.4 嵌套元素
嵌套元素需要注意的是不能违反嵌套规则
<p><em></em></p>   yes
<p><em></p> </em>  no
 
1.5 块级元素和行内元素
文档流:HTML会按照他们各自在标记中出现的先后顺序,依次从页面上方“流向”页面下方
几乎(注意这里只是几乎)所有HTML元素的 display 属性值要么为block要么为inline,比较明显的一个例外是table元素,它有自己特殊的display属性。
 
块级元素(比如标题和段落)会相互堆叠在一起沿页面向下排列,每个元素分别占一行(块级元素会默认扩展到和父容器一样宽)
行内元素(比如链接和图片)会相互并列,只有在空间不足以并列的情况才会折到下一行显示。
 
HTML实体
HTML实体常用于生成那些键盘上没有印刷的字符,比如技术分享。HTML实体以一个和号(&)开头,一个分号(;)结尾,二者之间是表示实体的字符串。“&ldquo”"&rdquo"左右双引号
 
 
 
 

WEB笔记-1、HTML 标记与文档结构

标签:

原文地址:http://www.cnblogs.com/wykCN/p/4997633.html

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