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 纵向合并
<th></th> 相当于<td> + <b> 属性同<td>
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 = "Text" name = "age" value = "20" size = "30" maxlength = "9">
单一选项(注意名字要一样才能实现单选)
<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
密码盒
<input type = "Password" name = "pw" size = "30" maxlength = "9">
传送键,清除键,图片按键,按键
<input type = "Submit" name = "submit" value = "确定">
<input type = "Reset" name = "reset" value = "清除">
<input type = "Image" name = "Submit" src = "shop.gif" >
<input type = "button" name = "button" value = "按键">
Hidden 隐藏的,不显示的
<input type = "Hidden" name = "hidden" value = "隐藏的,不显示的">
File 文件
<input type = "File" name = "file" size = "30" maxlength = "9" accept = "java/html">
选单标记
<select>
<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.头标记