html标签知识梳理

自己在学习的过程方便自己记忆整理了这些标签知识,若有错误之处或者需要更改的地方,希望读者及时评论,共同进步。

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功能类似

猜你喜欢

转载自blog.csdn.net/qq_41357573/article/details/81232645