关于HTML的知识.docx

1、关于HTML的知识HTML先来点实用的首标签这个写在开头结尾尾标签头部分窗口标题写这里身体（主体）部分用于段落标题子标题子子标题链接显示粗体文本显示斜体文本显示小字体文本换行另一行一条水平线无序列表列表项有序列表1.列表项2.列表项属性写法Style属性用于为网页设定样式设定背景颜色。Href属性超文本引用，用于指定链接指向何处链接文字Id属性用于标出要被指向的元素，用#标出所标记元素标题1转到标题1注：id属性必须以字母开头Title属性用于为该链接输入一个简短描述链接文字用于将图片放入网页(空元素没有尾标签)Src属性用于标出图片存放位置(文件夹名/图片名)(网页名/图片名)alt属性用于

2、给出图像的替用描述Width,Height属性用于设定图像的宽和高(以像素为单位)表格表格元素表格行，一行的开始与结束单元格1表格数据，单元格内容的开始于结束单元格2border属性用于指定表格四周边框的厚度，以像素为单位Width属性用于设定表格宽度，像素或屏幕百分比align属性用于指定整个表格、某行或某个单元格里内容的水平对齐方式valign属性用于指定某个单元格里内容的垂直对齐方式colspan属性用在标签中，用来指定单元格横向跨越的列数写法Style属性用于为网页设定样式设定背景颜色。Href属性超文本引用，用于指定链接指向何处链接文字Id属性用于标出要被指向的元素，用#标出所标记元

3、素标题1转到标题1注：id属性必须以字母开头Title属性用于为该链接输入一个简短描述链接文字用于将图片放入网页(空元素没有尾标签)Src属性用于标出图片存放位置(文件夹名/图片名)(网页名/图片名)alt属性用于给出图像的替用描述Width,Height属性用于设定图像的宽和高(以像素为单位)表格表格元素表格行，一行的开始与结束单元格1表格数据，单元格内容的开始于结束单元格2border属性用于指定表格四周边框的厚度，以像素为单位Width属性用于设定表格宽度，像素或屏幕百分比align属性用于指定整个表格、某行或某个单元格里内容的水平对齐方式valign属性用于指定某个单元格里内容的垂直对

4、齐方式colspan属性用在标签中，用来指定单元格横向跨越的列数rowspan属性用于指定单元格纵向跨越行数CSSCSS有一个优越的特性，即它可以对页面布局进行集中管理。我们在文档的头部（head）插入了CSS，它将应用于整个页面。要将CSS嵌入文档，你只需通过标签告诉浏览器该段为CSS即可。例如：h1font-size:30px;font-family:宋体;标题（Heading）是通过-等标签进行定义的Thisisheading1Thisisheading2Thisisheading3Thisisheading4Thisisheading5Thisisheading6不支持脚本或禁用脚本的

5、浏览器将显示noscript元素中的文本Sorry,yourbrowserdoesnotsupportJavaScript!插入脚本HelloWorld!document.write(HelloWorld!)段落：HTML段落是通过标签进行定义的。浏览器会自动地在段落的前后添加空行。（是块级元素）这是段落。这是段落。这是段落。基本的注意事项-有用的提示有用的提示有用的提示我们将#符号和锚名称添加到URL的末端，就可以直接链接到tips这个命名锚了。点击“有用的提示”直接跳到相应的连接点连接：HTML链接是通过标签进行定义的。Thisisalink这是超链接地址Thisisalink连接没有下划

6、线在5秒后自动跳转到用图片做连接Target属性，你可以定义被链接的文档在何处显示target=_blank添加这个属性说明在另一个新窗口打开图片：HTML图像是通过标签进行定义的。红色的是图片路径绿色的是替换文本属性，当图片文件路径错误时，会显示BigBoat邮件链接发送邮件发送邮件！背景图片换行：斜体字粗体字水平线：标签在HTML页面中创建水平线。hr元素可用于分隔内容。HTMLpre标签对空行和空格进行控制（浏览器会自动屏蔽多余的空格和空行）改变文字的输出方向：HereissomeHebrewtext输出HereissomeHebrewtext注释属性总是在HTML元素的开始标签中规定位

7、置对齐align=center中align=left左align=right右整个文档页面的背景色表格边框的大小1是指表格边框的大小表格Table每个表格由table标签开始。我的标题表格的表头使用th标签进行定义每个表格行由tr标签开始。每个表格数据由td标签开始。横跨两列的单元格电话横跨两行的单元格电话无序列表这个单元包含一个列表：苹果香蕉菠萝type=disc是前面小黑点那部分显示的属性Circle是空心圆Square是黑心方块有序列表咖啡牛奶茶start=50是设置从哪开始自定义列表CoffeeBlackhotdrinkMilkWhitecolddrink使用Cellpadding来创

8、建单元格内容与其边框之间的空白cellpadding=22使用Cellspacing增加单元格之间的距离cellspacing=10frame=boxframe=aboveframe=belowframe=hsidesframe=vsides框架结构标签（）定义如何将窗口分割为框架，假如一个框架有可见边框，用户可以拖动边框来改变它的大小。为了避免这种情况发生，可以在标签中加入：noresize=noresize。您的浏览器无法处理框架！不能将标签与标签同时使用！不过，假如你添加包含一段文本的标签，就必须将这段文字嵌套于标签内垂直框架红色的是指框架按垂直（列）分布的绿色的是指每个框架占整个窗口的百分比水平框架点击前面的连接切换后面的框架内联框架：用于网页内显示网页（frameborder=0设置边框）W3Sch注释：由于链接的目标匹配iframe的名称，所以链接会在iframe中打开。点击红色字体连接会在iframe中显示