目录
九、多媒体标记
十、头标记
十一、其他
一、排版标签
<p> 代表一个段落
属性:
align:对齐方式 —— 取值:left,right,center
<br> 换行
<hr> 表示一根线
属性:
color : 颜色
size: 线的粗细
width:线的长短(1.绝对值:500 or 2.相对值:50% )
noshade : 不要阴影
align : 对齐方式
<pre> 预定义格式标签。 作用:告诉浏览器不要忽略空格和空行
<div> 块级标签,
<span> 不换行,字体标记
二、字体标签
<h1> ~~~ <h6> 定义字体大小
属性:
align: 居中
<b> 加粗
<strong> 加粗
<i> 斜体
<em> 斜体
<u> 下划线
<s> 中划线(删除线)
<sup> 上标
<sub> 下标
三、图像标记
<img> 代表一副图片
属性:
src : 图片路径(相对路径 / 绝对路径)
alt : 当图片加载失败时 代替图片显示的内容
width : 宽度
height : 高度
title : 提示性文本
border : 边框
四、清单标记
无序列表 <ul>
属性:
type : disc(默认,实心圆点) | square(实心方点) | circle(空心圆)
有序列表 <ol>
属性:
type : 按什么开始,如: 1,a,A,i,I
定义列表 <dl>
<dt>:列表项的标题
<dd>: 列表项
五、超链接
1. 链接到其他页面 <a href = "www.baidu.com">百度一下</a>
2.锚链接 : 利用别的标签的 ID ,
如 <p id="to_me">到我这里</p> <a href="#to_me">点我到p</a>
属性:
target : 告诉浏览器怎么显示目标链接页面
_self :在同一个浏览器中显示
_blank : 打开新的浏览器显示
_parent :
_top :
六、表格标记
<table> 表格
属性:
border : 边框
width : 宽度
align : 表格的对其方式
cellpadding : 单元格内容到边的距离
cellspacing : 单元格到单元格之间的距离
bacolor: 背景颜色
background : 背景图片
<tr> 行
<td> 单元格
属性:
align : 内容的横向对齐方式
valign : 内容的纵向对齐方式 top , middle , bottom
width : 绝对值 或者 相对值 (%)
height : 单元格的高度
<th> 相当于<td>+<b> 属性同 <td>
七、框架标记
<iframe>
注意: 框架页面上不允许有body标签
scrolling :是否需要滚动条。默认是true
norsesize :固定框架的大小
bordercolor : 给边框起一个颜色
name : 给框架起一个名字
八、表单标记及语义化
<input>
属性:
type :
text:普通框
password:密码框
hidden:隐藏框
(当type等于上面三个时, 它们共有的其他属性 ,如 <input type="text" value="username" readonly >)
value值.
size
readonly : 只能读不能输入
disabled : 直接不能点进去
radio : 选择框
checked : 默认选中
value : 值.
name
checkbox : 多选框
value
name
checked : 默认选中
botton : 普通按钮
submit : 提交按钮
reset :重置按钮
image :图片按钮(也带有提交功能)
<select>:下拉选择框
mutiple :允许按住 shift 进行多选操作
name
<option> : 下拉选项框的具体内容
value : 值
<textarea> : 大文本
row : 列像素
cols :行像素
九、多媒体标记
b...gsound:背景音乐
embed:voide:播放多媒体文件
marquee:移动
属性:
direction:移动方向。left,right,up,down,
behavior:行为方式 取值: slide,alternate,scroll
loop:循环多少次,负数代表无限循环
scrolldelay:移动一次休息多长时间。单位是毫秒
十、头标记
<meat>
<meta http-equiv = "refresh" content = "3 ; url=https://daohang.qq.com/?fr=hmpage " >
刷新:表示3秒后跳到后面网页
十一、其他
body
bgcolor
background
text 表示标签里的全部字体颜色
link 点之前颜色
alink 鼠标点的颜色
vlink 鼠标点之后的颜色background :背景图片
label
表示给一个字加上标签。
CSS
引用文件:<link rel="stylesheet" type="text/css" href="css的文件路径">优先顺序:从上到下,从内到外。后加载的优先级要高
定位:relative 会使DIV漂浮 通过top left righr bottom
但是 它原来的位置不会被别的DIV 补上(不会把对象从文档流中拖出)
而absolute 正好相反