自己在学习的过程方便自己记忆整理了这些标签知识,若有错误之处或者需要更改的地方,希望读者及时评论,共同进步。
html是描述网页的一种超文本标记语言,不是编程语言
元素:由内容和包含内容的HTML标记称为一个元素
html语言编写的文件是标准的ASCII文本文件
在html5版本中,w3c明确规定标记用小写格式
块级元素与行内元素 的 区别f:
html标签详解:
a:文本链接 ,它通过网页中的文件与其他链接相连接。
href:为链接地址,target:为打开新窗口的方式,通常有四种方式_blank:新建一个窗口打开,_parent:在上一级窗口中打开,常在分帧的框架中使用,_self:在同一窗口中打开,为默认值,_top:在浏览器的整个窗口中打开,将会忽略所有的框架结构。
body:文件体
br:换行标记
colgroup:表格的分组
direction:设置文本显示顺序
div:是用来提供结构和背景的元素,是块级结构
dl:默认层级关系 ,dt表示头部,dd表示内容
em:文字的斜体
form:表单是用户与网站实现交互的重要手段,表单主要是收集信息,用于提交的东西都封装在form表单中
fieldset是将表单内容的一部分打包,生成一组相关表单字段,刘拉起会以特殊的方式显示他们,fieldset标签没有必须的唯一的属性
head:头文件,用来说明文件的公共属性
h1:标题标记,默认情况下,标题文字左对齐的,可用align属性进行设置对齐方式
html:文件,表示该文件使用超文本标记语言(HTML)编写的,该标记不带任何属性,实际上现在的web浏览器可以自动识别HTML文件。
img:添加图像
src为图像的地址,可以为相对路径,也可以为绝对路径,最好使用相对路径。width:设置图像的宽度 height:设置图像的高度,如果只设置了一个参数,另一个参数会按照比例进行调整,如果两个属性不成比例,图像会变形。border:设置图像的边框。alt:当图像无法显示时,添加图像的体换文字。title:为图像设置提示文字。haspe和vaspe:分别设置图像的间距。align:设置相对文字基准线的对齐方式。图像的超链接为图像设置链接地址。
input:输入标记,type改变其输入方式,有以下几种:
text:单行文本框,可设置其长度size,最多输入的文字数maxlength
password:密码框,同text,输入到文本域中的文字均已*或者圆点表示
radio:单选按钮 checkd:表示这一按钮默认被选中
checkbox:复选框 checked::默认被选中
button:普通按钮 onclick:当鼠标单击是所进行的处理
submit:提交按钮,不需要设置onclick属性
reset:重置按钮
image:图像域,用在“提交”按钮位置上的图片,解决表单中按钮比较单调,图页面不符的问题
file:文件域,用于查找硬盘中的文件路径,accept:所接受的文件类别,公有26中选择,但不可以自定义文件类型
label:可以实现绑定元素,正常情况下某个<input>标记获取焦点只有单击该标记可以实现,而label标记之后,单击与该标记绑定的文字之后就可以实现获取焦点
letter-spacing:设置字符间距离
meta:元信息标记,一般定义页面信息的名称,作者,关键字等,不需要结束标记,可包含多个meta标记
p:段落标记
section:定义文档或应用程序的一个区段,标识文档结构
strike:带删除线的文字
sup:文字的上标
span:与div类似,无任何内容上的意思,可以作为插入CSS的容器,是行内元素,标记前后不换行,没有结构的意义
sub:文字的下标
slect:列表菜单,size:定义列表菜单文本框在页面中显示的长度,multiple:表示列表菜单内容可多选,seleced:表示默认被选中,value:用于定义选项值,当输入长度超过文本域的大小时,右侧会出现滚动条
title:文件标题
textarea:多行文本域,value:文本域的默认值,rows:行数,cols:列数
hr:水平线标记,默认是100%的宽度,width可设置其宽度,align可设置其位置
pre:段落的原格式标记
u:文字的下划线
ul:设置无序列表 li:设置列表项
ol:设置有序列表
table:表格制作 tr:行标记 td:单元格标记 th:表格的表头 display:默认属性为table
caption:表格的标题
xmp:与pre功能类似