HTML排版标签

排版标签 :
p: 段落标签,把文本内容分段落显示。支持嵌套。
hr:水平线标签,没有主体内容,使用自闭合。水平线默认宽度是占满外层元素
属性有:
align:水平线所处的位置(相对位置),相对外层元素而说的
width: 水平线的宽度
size: 水平线的厚度
noshade:它是一个内置属性,既是属性有表示值。当写上之后表示不需要阴影效果。
color:水平线的颜色。可以支持英文单词(不能随便写),还可以支持#加上6位16进制的数或者是RGB(0-255,0-255,0-255的数)。
pre:预格式化标签,它可以把已经分好段落的文字进行预格式化,显示输出。一般情况下用的不多。
br:换行标签。在html中只能使用br换行。只是另起一行
div:层标签,它自动占满整个行。
span:块标签,它的宽度是根据主体内容来定的。
center:居中标签,写在该标签体内的内容,自动居中。居外层元素的中

字体标记
h1-h6:字号标签,h1~h6是由大到小的过程。
strong:字体加粗的效果,解释为语气强调
b:字体加粗标签
em:斜体
u:加下划线
font:字体标签
属性有
size:指定字体的大小。它有取值范围,范围是1到7之间。
color:字体的颜色。可以是英文单词(不能随便写),还可以是#加上6位16进制的数或者是RGB(0-255,0-255,0-255之间的数)。
face:字体的类型。例如:楷体,宋体,隶书等等。但不是所有类型都支持。

图像标签
属性有:
src:要显示图片资源的位置。
关于src的路径问题:
相对路径:当前文件所在的目录说的
上级:使用../返回到上一级目录,有几级就写几个../。返回到对应的目录后再加上文件名。
下级:目录名加文件名。例如resource/1.jpg
同级:直接写文件名就行
绝对路径:
磁盘绝对路径 :D:\itcast\传智20150508\day01_HTML\源码\resource\1.jpg
file:///文件协议。在使用windows资源管理器的时候可以不写
网络绝对路径 :http://www.baidu.com/imges/1.jgp
width:图像的宽度
height:图像的高度
alt:图像的简短描述(提示信息)
border:图像的边框
usemap:使用热点区域:引用map的名称。是使用#加上map的名称。#Map
map:定义图像的热点区域,它必须配合一个标签使用。
area:热点区域的定义信息。只能出现在map标签的内部。
属性有:
shape:区域的形状
coords:区域的坐标。当使用圆形时:第一个值x轴的坐标,第二个值是y轴的坐标(x轴和y轴都针对 圆心点说的),第三个值是圆的半径。

清单标记
ul:无序列表 unorder list
属性有:
type:无序列表项显示的类型。
disc:实心圆 默认值
circle:空心圆
square:实心方块
ol:有序列表 order list
属性有:
type:是显示列表项顺序的类型。支持数字,英文和罗马文。
start:开始的序号。是用数字表示开始的序号。
li:有序列表和无序列表中的列表项 list item
dl:自定义列表。defined list
dt:自定义列表标题。 defined title
dd:自定义列表数据。 defined data。自定义列表的数据和表头有缩进

超链接
属性有
href: 连接到的资源地址。可以是相对路径,磁盘绝对路径,网络路径
name: 是使用超链接的锚标记。在指定位置下一个锚点。使用href=”#锚点的名称”来返回到锚点处。
target:在何处打开目标URL地址。
取值:
_blank:在新窗口打开
_parent:在当前窗口的父窗口打开
_top:当前窗口的最外层窗口
_self:在当前窗口打开
mailto: 写在href中,打开一个邮件地址。

表格标签
table:表示一个表格
属性有:
border:表格的边框
width:表格宽度
height:表格的高度
align:表格整体的相对位置
cellpadding:单元格边框与内容之间的距离
cellspacing:单元格与单元格之间的距离。
tr:表示表格的一行
属性有:
width:一行的宽度
height:一行的高度
align:行内标签和内容显示的相对位置。
td:表示一行的单元格
属性有:
width:调整单元格的宽度。当修改了一个之后,其他的都会自动对齐。
height:调整单元格的高度。当修改了一行的高度之后,会挤压其他行。
align:单元格中的内容显示的相对位置
colspan:跨列。写几就表示跨几列。
rowspan:跨行。写几就表示跨几行
th:表示该行中的单元格是表头。它自动居中,并且加粗显示
thead,tbody和tfoot详见w3school手册

框架标签
frameset:框架的集合标签
属性有:
rows:按照上下排列框架内容
cols:按照左右排列框架内容
取值可以是像素px,可以是百分比,还可以是*
frameset和body只能出现一个
frame:表示框架集合中的框架
属性有:
noresize:它是一个内置属性,其本身就是一个值,当写上之后表示不能重置大小。
scrolling:是否使用滚动条。默认是auto
frameset可以嵌套使用

iframe:内联框架标签
属性有:
src:内联框架所嵌入页面资源的URL
width:设置内联框架的宽度
height:设置内联框架的高度
scrolling:是否使用滚动条
name:每个iframe唯一的名称。

embed:多媒体标签
属性有:
src属性指定视频的位置
width属性指定媒体播放器的宽度
height属性指定媒体播放器的高度
autostart属性指定是否自动播放,true是自动播放(默认值) false是不自动播放

头标签:
写在head标签内部的标签都是头标签。
<title>:指定浏览器的标题。
<base>:为页面上的所有链接规标题栏显示的内容定默认地址或默认目标。
<meta>:可提供有关页面的基本信息
<link>:定义文档与外部资源的关系。
特殊字符:
&lt小于号
&gt大于号
&nbsp; 空格
&copy;版权号
&trade; 商标

form:表单标签
属性有:
action:请求资源的地址(表单的内容提交到哪里去)
method:请求的方式(提交表单时,使用的http的方法)。默认是get。
get:表单中的数据内容在地址栏中显示。
使用get方式的弊端:数据不安全。有长度限制。不能超过1kb。
post:表单中的数据内容不在地址栏中显示。并且也没有长度限制(相对的)。安全性比get高。
input:表单输入域的子元素
必要的属性:
name:是给表单输入域的标签起一个名字。
只有有name属性的表单输入域才会被提交。
type: 一共有10个取值。必须全都记住
文本框:text 密码框;password
复选框:checkbox 单选框:radio(checkbox和radio只有name属性相同时,才表示一组内容),checkbox和radio的默认选择是checked.
提交按钮:submit 重置按钮:reset
普通按钮:button 隐藏域:hidden(不可被用户看到的区域)
文件选择域:file
图片按钮:image 可以用于替代提交按钮
可选的属性:
value:设置input域的值
textarea:文本域
属性有:
rows:文本域中可见的行数
cols:文本域中可见的列数
select:下拉列表标签
属性有:
name:定义下拉列表的唯一标识符
multiple:支持多选,可以设置多选下拉列表项。写上就表示可以多选。
option:下拉列表项标签
属性有:
selected:默认选中
注意:下拉列表和单选复选框的默认选中要区分开。

    fieldset:语义化标签
    legend:语义化说明标签
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值