[关闭]
@EncyKe 2015-12-28T09:24:06.000000Z 字数 3417 阅读 1583

HTML

前端



一、基础

1. 语法格式

  1. <标签>...</标签>
  2. <标签 属性1="参数1" 属性2="参数2">
  3. ...
  4. </标签>
  5. <标签 属性1="参数1" 属性2="参数2" />
  6. <!-- 注释内容 -->

2. 嵌套规则:某些标签下只允许特定的标签存在

  1. 内联元素不能包含块级元素;
  2. 内联元素与内联元素并列,块级元素与块级元素并列;
  3. <h1>~<h6><p><dt>不能包含块级元素;
  4. <li>内可以包含<div>
  5. <blockquote>使用时必须在里面加<p>后再引用;

3. 其它概念

  1. DOM:文档对象模型,树状图;
  2. API:应用编程接口,如画布、地理定位、表单、视音频等;
  3. MIME类型:资源的唯一本质,如Content-Type: text/html, image/jpeg, application/xhtml+xml;
  4. XHTML严格语法:空标签:<img /><meta… /><link … /><br />;属性值严格加"";以id代替name (form中的除外);无属性值的标签以自身代替属性值 (e.g. noshade="noshade")。

二、语法手册

标签手册标签文档兼容

0. 头信息Meta

  1. <!-- meta中加入搜索引擎关键字及网页描述-->
  2. <meta name="keywords" content="关键词1 关键词2 …" />
  3. <meta name="description" content="网页描述" />
  4. <!-- 使网页被搜索引擎忽略(不一定对所有引擎奏效)-->
  5. <meta name="robots" content="noindex, nofollow" />

1. 体body

网页背景色bgcolor=颜色代码
背景图片background=图片的相对链接
文字颜色text
链接属性link link(链接颜色);alink(正在访问的链接颜色);vlink(访问后的链接颜色)
边距margin topmargin leftmargin

2. 字体font

大小size
字体face=字体名称
颜色color

3. 段落p

对齐方式align=left, right, center, justify(两端对齐)
文字方向bdo dir=ltr, rtl

4. 滚动效果marquee(已不推荐使用)

方向direction=up, down, left, right
方式behavior=scroll(循环), slide(只一次), alternate(来回交替)
次数loop
速度scrollamount=数字(像素)
延迟scrolldelay=数字(毫秒)
区域背景色bgcolor
区域尺寸width height
空白空间hspace vspace=数字(像素)

5. 列表

6. 多媒体

7. 超链接a

链接地址href
链接命名name
提示文字title
链接目标窗口target:当前页面打开链接_self,新窗口打开链接_blank,顶层框架中打开链接_top,当前框架上一层打开链接_parent
链接热键accesskey
锚点:页内锚点<a href="#数字或英文">锚点名称</a><a name="数字或英文">链接内容</a>,页外锚点<a href="链接地址#数字或英文">锚点名称</a>

8. 表格table

9. 表单form(建议与表格联用)

表单链接action
发送方式method=POST(用户不可见,隐藏后台形式发送,大小无限,隐私性强,不重复提交)或GET(用户可见,附加与URL末端发送,大小受限,重复提交)

10. 热点区域链接

  1. <img src="" usemap="#name" />
  2. <map name="name">
  3. <area shape="" coords="" href="" />
  4. <area shape="" coords="" href="" />
  5. </map>

shape属性值:rect/circle/poly;
coords属性值:矩形:四个数字(左上左上右下右下);圆形:三个数字(圆心圆心半径);多边形:多个(每一转折点依序填入);

11. 框架结构(已不推荐使用)


附:参考

HTML参考手册-W3school
HTML参考手册-菜鸟手册



添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注