HTML

HTML,又称超文本标记语言。超文本，指的是超级文本，包括声音，视频，文字的大小颜色等显示效果。标记语言，不同于编程语言需要编译，一个html页面是由各种<>标签组成，他没有编译过程，直接由浏览器解析执行。

XHTML 符合XML语法标准的HTML

DHTML动态的HTML页面，javascript+css+html就是一个DHTML页面

HTTP 用来规定客户端浏览器和服务端交互时数据的一个格式。SMTP 邮件传输协议，ftp:文件传输协议。

HTML规范：

HTML是一个弱势语言

HTML不区分大小写

HTML后缀名是html和htm，因为dos系统最大支持3位后缀

HTML的结构

声明部分 <html> 主要是告诉浏览器要用什么标准来解析比如<!doctype html>是HTML5标准

头 <head> 一般是存储一些页面的额外信息，不会直接在页面上显示

体 <body> 代码的主体，我们要体现的部分必须放到这里面

HTML只有一种单位就是像素

<body>的常用属性 1.text 文本颜色 2.bgcolor 背景色 3.background 背景图片

HTML的常用的10种标签（前8种必须掌握！）

1.排版标签

所有浏览器默认情况下都会忽略空行和空格

<p></p>段落标签

常用属性 align 对齐方式值是right,left,center

<br>换行标签

<hr>水平线标签

常用属性 1.color 线的颜色 2.width 线的长短（两种方式，一种是绝对值，一种是百分比） 3.size 线的粗细 4.align 对齐方式 5.noshade 没有阴影

<pre></pre>预格式化标签，告诉浏览器不要忽略空行和空格

<div></div>块标签，自己独占一行

常用属性 align 对齐方式

<span></span>块标签,不换行字体标记

2.字体标签

6种标题从大到小一次是<h1><h2><h3><h4><h5><h6>

常用属性 align 对齐方式

<font></font> 字体

常用属性 1.color 字体颜色 2.size 字体大小 3.face 字体类型

常用特殊字符 空格 <小于 >大于 & &符号 " 双引号 '单引号 © 版权 ™商标

<b></b>加粗（<strong></strong>）

<u></u>下划线

<i></i>斜体（<em></em>）

<s></s>删除线

<sub></sub>下标

<sup></sup>上标

3.图片标签

<img>代表一副图片

常用属性 1.src 路径 2.width 宽度 3.height 高度 4.alt 当图片显示错误时显示的文字 5.title 提示性文本 6.border 边框 7.align 表示图片周围文字的对齐方式

热点：就是图片点击特定的部分链接到不同的地址，一般用DW获得坐标才能做。

4.清单标签

无序列表 <ul><li><li></ul>

常用属性 type 1.disc 实心圆（默认） 2.circle 空心圆 3.square 实心方点

有序列表 <ol><li><li></ol>

常用属性 type 取值有 a A i I 1 (默认阿拉伯数字) start 从几开始，后面跟的是阿拉伯数字

定义列表 <dl><dt>列表项的标题<dd>列表项</dl>

5.超链接

分为3种：a.链接到其他页面 <a href = "http://lol.qq.com/main.shtml">英雄联盟</a>

b.锚，给超链接起个名字，作用是链接到本页面和其他页面的特定位置，要使用name起名链接。<a href = "购物车.html" name = button1>购物车按钮</a>

c.链接到邮件 <a href = "mailto:dafytheworld@163.com">我的邮箱</a>

常用属性 target 告诉浏览器怎么显示目标界面 1._self:在同一个浏览器中显示（默认） 2._blank:打开新的浏览器显示 3._top:在顶级窗口显示 4._parent:在父类窗口中显示

6.表格标记

常用标签<table></table>表格

常用属性 1.border 边框 2.width 宽度 3.height 高度 4.align 对齐方式（表格内部内容的对齐） 5.cellspacing 单元格与单元格之间的距离 6.cellpadding 单元格内容到边的距离 7.bgcolor 背景颜色 8.background 背景图片 9.dir 单元格内容的排列方式取值：ltr rtl。

<tr></tr>行

常用属性 dir 排序方式取值：ltr rtl。 bgcolor 背景颜色

<td></td>单元格

常用属性 1.align 对齐方式 2.valign 内容的的纵向对齐方式 top middle bottom 3.width 宽度 4.height 高度

单元格的合并 1.colspan 横向合并 2.rowspan 纵向合并

caption 表格的标题

常用属性 align 取值 left,right,center,top,bottom

thead

tbody

tfoot

写与不写的区别：当表格非常大的时候，如果不写，则必须等表格的内容全部下载完成才能显示。但是用tbody标签的话，那么边下载边显示。

7.框架标记

框架页面上不允许存在<body></body>

frameset:框架的集合

rows:纵向部分框架（两种写法，一种绝对值，一种百分比）

cols:横向部分框架（两种写法，一种绝对值，一种百分比）

frame:框架，一个框架显示一个页面

常用属性 1.scrolling 是否需要滚动条，默认是true 2.noresize 固定大小 3.bordercolor 给框架边框设定一个颜色 4.name 给框架起一个名字

iframe 内嵌框架

常用属性：1.width 宽度 2.height 高度 3.scrolling 是否需要滚动条，默认是true

8.表单标记语义化

<form></form>表单标记，属于容器标记。

常用属性 action 后面跟的是网址，提交的目的网址 method 提交的方法，默认是get，但是传输内容有限制大小而且还有安全问题，可以用post来解决

各种输入方式举例:

单行文字盒只读：readonly 不可焦点disable

单一选项(注意名字要一样才能实现单选)

<input type = "Radio" name = "gender" value = "man" checked>man

<input type = "Radio" name = "gender" value = "woman">woman

多选(确认盒)

<input type = "Checkbox" name = "like" value = "basketball">basketball

<input type = "Checkbox" name = "like" value = "football">football

<input type = "Checkbox" name = "like" value = "run">run

密码盒

传送键，清除键，图片按键，按键

Hidden 隐藏的，不显示的

File 文件

选单标记

<option value = "chinese">Chinese</option>

<option value = "english">English</option>

</select>

常用属性 1.multiple 可以多选 2.size 设定选单个数

表单文字区块

<textarea name = "big text" rows = "4" cols = "40">犯我德邦者，虽远必诛！</textarea>

9.多媒体标记

bgsound: 背景音乐

常用属性：1.src 音乐文件路径 2.autostart 是否在文档传完后自动播放，默认是false 3.loop 循环次数，Infinite是循环多次

embed: 播放多媒体文件

常用属性：1.src 多媒体文件路径 2.autostart 是否在文档传完后自动播放，默认是false 3.loop 循环次数，Infinite是循环多次 4.hidden 是否隐藏控制画面，默认是false

marquee: 移动

常用属性：1.direction 移动目标方向 left,right ,up,down ,up，down移动距离是固定的200px 2.behavior: 行为方式取值：slide一格格移动,alternate文字左右撞,scroll卷动（内定） 3.scrollamount : 移动速度 4.loop: 循环多少圈。负值表示无限循环 5.scrolldelay: 移动一次休息多长时间。单位是毫秒

10.头标记

posted on 2015-01-09 00:09 run_wind 阅读(199) 评论(0) 编辑收藏举报

刷新页面返回顶部

run_wind

导航

公告

HTML