html的基本标签含义.docx
《html的基本标签含义.docx》由会员分享,可在线阅读,更多相关《html的基本标签含义.docx(8页珍藏版)》请在三一文库上搜索。
1、:表示html文件的起始和终止,标签在首行,标签在最后一行,两个要 一起使用,网页中其他内容都要放在这两个标签之间。:表示网页的头部标签,用来定义文件的头部信息,与标签一样,也是 成对使用。:表示出文件主体区,之间是网页的主题内容和其他用于控制文本显示 方式的标签。:网页标题,用于定义浏览器窗口标题栏上的文本信息,可以是网页的标题名或创作信息等网页说明信息。:用于显示水平线,使页面看起来更整齐明了。:将内容以原始格式显示。:标注联络人姓名、电话、地址等信息。:区段引用标签。:注释标签,使用注释标签的目的是为网页代码中不同部分加上说明,方便日后的修改。注释的内容是不会在浏览器上显示出来的,如。:
2、文本段落,可以用align属性设置left、center right 3种对齐方式。:强制换行,没有结束标签,在网页中产生换行效果。:使文字或其他网页元素居中显示。:文本或图片移动显示,属性direction用来指示移动方向。、:标签创建无序列表,定义上层项目,、定义下层项目,、和标签一定要放在 标签中才能使用。、:标签创建有序列表,标签创建无序列表,、定义下层项目,、标签一定要放在M 标签中才能使用。:目录式列表。:菜单式歹U表。:i=1,2,6,网页中文本标题,显示最大的字号,显示最小的字号。:粗字体。:斜字体。:改变字体设置,有 face、size、color3个属性来控制,face设置
3、字体,size设置字号, color设置颜色。:力口大字号。:缩小字号。:斜体标签。:建立超链接,有 href、target name等重要属性,其中 href属性为标签必须具备的 属性。href属性。设置目标页面的链接地址,可以是绝对地址也可以是相对地址,如果为“#表示空链接。target属性。设置超链接白打开方式,共 5种:_blank指在新窗口中打开,_parent指 在上一级窗口中打开,_self指在同一窗口打开,_top指在浏览器的整个窗口中打开, new指在新窗口中打开。name属性。创建一个命名锚记,使用命名锚记后,会让链接直接跳转到一个页面的某一部分。:图像标签,用于网页中插入
4、图像。标签拥有以下属性。src属性。该属性为标签必须具备的属性,指存放图片的具体路径。width属性。图像的宽度。height属性。图像的高度。alt属性。图像的注释,也就是代替文字。align属性。图像的对齐属性,值baseline为基线对齐,值top为顶端对齐,值 middle为居中,值bottom为底端对齐,值texttop为文本上方对齐, 值absmiddle为绝对居中, 值absbottom为绝对底端对齐,值 left为左,值right为右。border属性。图像的边框的宽度,值大于或等于0,以像素(px)为单位。vspace属性。图像的垂直边距,图像与页面或文本之间的垂直边距。hs
5、pace属性。图像的水平边距。:定义表格区域。:定义表格标题。:定义表格头部。:定义表格行。:定义单元格。:区域标签(又称容器标签),用来作为多种HTML标签的组合的容器,对该区域块进行操作和设置,就可以完成对区域块中元素的操作和设置,Div能让网页代码具有很高的可扩展性。:文字图片等简短内容的容器,其意义有点类似Div,但是和Div不一样白是,span是文本级元素,默认不会占整行,可以在一行显示多个span。span常在段落、列表条目等项目中使用,该标签不能嵌套在其他的封闭级元素中。ptext-indent:2em;表示首行缩进两字符。line-height 表示行间距,pline-heig
6、ht:2em;表示行间距(行高)为两字符。letter-spacing表示字母与字母 之间的间距,word-spacing 表示英文单词之间的间距。text-align:center ;表示居中对齐, text-align:left;表示居左对齐, text-align:right;表示居右对齐。在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有:div、p、h1h6、ol、ul、dl、table、address、blockquote 、form 常用的内联元素有:a、 span、 br、 i、 em strong 、
7、label 、 q、 var、 cite 、 code常用的内联块状元素有:img、input在 html 中 div、p、h1、form、ul 和 li 就是块级元素。设置 display:block 就是将元素显示为块级元素。将内联元素a转换为块状元素表示为adisplay:block;块级元素特点:1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元 素独占一行)2、元素的高度、宽度、行高以及顶和底边距都可设置。3、元素宽度在不设置的情况下,是它本身父容器的100% (和父元素的宽度一致),除非设定一个宽度。在html中,span、a、label、strong
8、 和em激是典型的内联元素(行内元素)。块状元素也可以通过代码 display:inline将元素设置为 内联元素。如:div display:inline; 块状元素div转换为内联元素,从而使div 元素具有内联元素 特点。内联元素特点:1、和其他元素都在一行上;2、元素的高度、宽度及顶部和底部边距 不可设置;3、元素的宽度就是它包含的文字或图片的宽度,不可改变。内联块状元素(inline-block )就是同时具备内联元素、块状元素的特点,代码 display:inline-block就是将元素设置为内联块状元素。(css2.1 新增),img、input标签就是这种内联块状标签。内联块
9、状元素特点:1、和其他元素都在一行上;2、元素的高度、宽度、行高以及顶和底边距都可设置。border-style(边框样式)常见样式有:dashed (虚线)| dotted (点线)| solid (实线)。border-color(边框颜色)中的颜色可设置为十六进制颜色,如 :border-color:#888;/ 前面的井号不要忘掉。border-width(边框宽度)中的宽度也可以设置为:thin | medium | thick(但不是很常用),最常还是用象素(px)。只设置下(上、右、左)边框的设置:div border-bottom :1px solid red;border-t
10、op:1px solid red;border-right:1px solid red;border-left:1px solid red;元素内容与边框之间是可以设置距离的,称之为“填充”。填充也可分为上、右、下、左(顺时针)。如下代码:divpadding:20Px 10px 15px 30px;如果上、右、下、左的填充都为10px;可以这么写divpadding:10px;如果上下填充一样为10px,左右一样为20px,可以这么写:divpadding:10Px 20px;|元素与其它元素之间的距离可以使用边界( margin )来设置。边界也是可分为上、右、下、左。如下代码:divma
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- html 基本 标签 含义
链接地址:https://www.31doc.com/p-14036666.html