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资源管理器的时候可以不写
⽹络绝对路径 ：
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
属性有：
html ul标签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>：定义⽂档与外部资源的关系。
特殊字符：
<⼩于号
>⼤于号
  空格
©；版权号
™ 商标
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：语义化说明标签

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。