HTML的基本结构
1.HTML的基本结构
<html>内容</html> :HTML⽂档是由<html></html>这是HTML⽂档的⽂档标记,也称为HTML开始标记。这对标记分别位于⽹页的最前端和最后端,<html>在最前端表⽰⽹页的开始,</html>在最后端表⽰⽹页的结束。
<head>内容</head>: HTML ⽂件头标记,也称为HTML头信息开始标记。⽤来包含⽂件的基本信息,⽐如⽹页的标题、关键字,在<head> </head>内可以放<title></title>、<meta></meta>、 <style></style>等标记。 注意:在<head></head >标记内的内容不会在浏览器中显⽰。
<title>内容</title>: HTML⽂件标题标记。⽹页的“主题”,显⽰在浏览器的窗⼝的左上边。
<body>内容</body>: <body>... </body>是⽹页的主体部分,在此标记之间可以包含如<p></p>、<h1></h1>、 <br>、 <hr>等等标记,正是由这些内容组成了我们所看见的⽹页。
<meta>内容</meta>:页⾯的元信息( meta-information )。提供有关页⾯的元信息,⽐如针对搜索引擎和更新频度的描述和关键词。注意meta标记必须放在head元素⾥⾯。
2.⽂档设置标记
⽂档设置标记分为格式标记和⽂本标记。
<br>:强制换⾏标记。让后⾯的⽂字、图⽚、表格等等,显⽰在下- -⾏。
<p>:换段落标记。换段落,由于多个空格和回车在HTML中会被等效为⼀⼀个空格,所以HTML中要换段落就要⽤<p>, <p>段落中也可以包含<p>段落。例如: <p>This is a paragraph.- </p>。
<center>:居中对齐标记。让段落或者是⽂字相对于⽗标记居中显⽰。
<pre>:预格式化标记。保留预先编排好的格式,常⽤来定义计算机源代码。和<p>进⾏⼀下对⽐,就可以理解。
<li>:列表项⽬标记。每-⼀个列表使⽤⼀个<li>标记,可⽤在有序列表(<ol>)和⽆序列表(<ul>)中。
<ul>:⽆序列表标记。<ul>声 明这个列表没有序号。
<ol>:有序列表标记。可以显⽰特定的⼀些顺序。 有序列表的type属性值"1"表⽰阿拉伯数字1.2.3 等等;默认type属性值"A"表⽰⼤⼩字母A、B、C等等;上⾯的程序⽤属性"a",这表⽰⼩写字母a、b、c等等; "I "表⽰⼤写罗马数字I、II、I、IV等等; "i "表⽰⼩写罗马数字i、i、i、iv 等等。注意:列表可以进⾏嵌套。
<dl><dt><dd>:定义型列表。对列表条⽬进⾏简短说明。
<hr>:⽔平分割线标记。可以⽤作段落之间的分割线。
<div>:分区显⽰标记,也称为层标记。常⽤来编排-⼤段的HTML段落,也可以⽤于将表格式化,和<p>很相似,可以多层嵌套使⽤。
其中⽂本标记包括:
<hn>:标题标记。共有6个级别,n的范围为1~6,不同级别对应不同显⽰⼤⼩的标题,h1最⼤,h6最⼩。
<font>:字体设置标记。⽤来设置字体的格式,⼀般有三个常⽤属性:size(字体⼤⼩),<font size="14px">; color(颜⾊),<font
color="red">; face(字体),<font face="微软雅⿊"'>。
<b>:粗字体标记。
<i>:斜字体标记。
<sub>:⽂字下标字体标记。<sup>:⽂字上标字体标记。<tt>:打印机字体标记。
<cite>:引⽤⽅式的字体,通常是斜体。<em>:表⽰强调,通常显⽰为斜体字。<strong>:表⽰强调,,通常显⽰为粗体字。<small>:⼩型字体标记。
<big>:⼤型字体标记。<>:下划线字体标记。
3.图像标记
<img>称为图像标记,⽤来在⽹页中显⽰图像。使⽤⽅法为:<img src="路径/⽂件名.图⽚格式"width="属性值"height="属性
值"border="属性值"alt="属性值">。<img>标记主要包括以下属性:
src属性⽤来指定我们要加载的图⽚的路径、图⽚的名称以及图⽚格式。
width属性⽤来指定图⽚的宽度,单位为px、em、cm、mm。
height 属性⽤来指定图⽚的⾼度,单位为px、em、cm、mm。
border 属性⽤来指定图⽚的边框宽度,单位为px、em、cm、mm。
alt属性有三个作⽤:1)当⽹页上的图⽚被加载完成后,⿏标移动到上⾯去,会显⽰这个图⽚指定的属性⽂字;2)如果图像没有下载或者加载失败,会⽤⽂字来代替图像显⽰;3)搜索引擎可以通过这个属性的⽂字来抓取图⽚。
4.超链接的使⽤
爬⾍开发中经常需要抽取链接,链接的引⽤使⽤的是<a>标记。
html个人网页完整代码顺序<a>标记的基本语法:<a href="链接地址"target="打开⽅式"name="页⾯锚点名称">链接⽂字或者图⽚</a>。<a>标记主要包括以下属性: href属性值是链接的地址,链接的地址可以是⼀个⽹页,也可以是⼀个视频、图⽚、⾳乐等。
target属性⽤来定义超链接的打开⽅式。当属性值为_blank时,作⽤是在⼀个新的窗⼝中打开链接;当属性值为_self(默认值)时,作⽤是在当前窗⼝中打开链接;当属性值为_parent 时,作⽤是在在⽗窗⼝中打开页⾯;当属性值为_top时,在顶层窗⼝中打开⽂件。
表格内置样式name属性⽤来指定页⾯的锚点名称。
5.表格plc视频教程大全
表格的基本结构包括<table>、<caption>、<tr>、<td>和<th>等标记。
<table>标记的基本格式为<table属性1="属性值1"属性2="属性值2"..….表格内容</table>。table 标记有以下常见属性:
width属性:表⽰表格的宽度,它的值可以是像素(px)也可以是⽗级元素的百分⽐(%)。
height属性:表⽰表格的⾼度,它的值可以是像素( px )也可以是⽗级元素的百分⽐(%)。
border属性:表⽰表格外边框的宽度。
align属性⽤来表⽰表格的显⽰位置。left居左显⽰,center居中显⽰,right居右显⽰。
cellspacing属性:单元格之间的间距,默认是2px,单位为像素。
underdir linkcellpadding属性:单元格内容与单元格边框的显⽰距离,单位为像素。
frame属性⽤来控制表格边框最外层的四条线框。void(默认值)表⽰⽆边框; above表⽰仅顶部有边框; below表⽰仅有底部边框;hsides 表⽰仅有顶部边框和底部边框;lhs表⽰仅有左侧边框;rhs表⽰仅有右侧边框; vsides表⽰仅有左右侧边框; border表⽰包含全部4个边框。rules属性⽤来控制是否显⽰以及如何显⽰单元格之间的分割线。属性值none(默认值)表⽰⽆分割线;all表⽰包括所有分割线;rows表⽰仅有⾏分割线;clos表⽰仅有列分割线;groups表⽰仅在⾏组和列组之间有分割线。
<caption>标记⽤于在表格中使⽤标题。<caption>属性的插⼊位置,直接位于<table>属性之后,<tr>表格⾏之前。<caption>标记中 align 属性可以取四个值: top表⽰标题放在表格的上部; bottom表⽰标题放在表格的下部;left表⽰标题放在表格的左部;right 表⽰标题放在表格的右部。
<tr>标记⽤来定义表格的⾏,对于每⼀个表格⾏,都是由⼀对<tr>...</tr>标记表⽰,每⼀⾏<tr>标记内可以嵌套多个<td>或者<th>标记。
<tr>标记中的常见属性包括:
bgcolor属性⽤来设置背景颜⾊,格式为bgcolor="颜⾊值"。
align属性⽤来设置垂直⽅向对齐⽅式,格式为align="值"。值为bottom时,表⽰靠顶端对齐;值为top时,表⽰靠底部对齐;值为middle时,表⽰居中对齐。
valign属性⽤来设置⽔平⽅向对齐⽅式,格式为valign="值"。值为left时,表⽰靠左对齐;值为right时,表⽰靠右对齐;值为center时,表⽰居中对齐。
<td>和<th>都是单元格的标记,其必须嵌套在<tr>标记内,成对出现。<th>是表头标记,通常位于⾸⾏或者⾸列,<th>中的⽂字默认会被加粗,⽽<td>不会。<td>是数据标记,表⽰该单元格的具体数据。<td>和<th>两者的标记属性都是⼀样的,常⽤属性如下:
bgcolor设置单元格背景。align设置单元格对齐⽅式。
valign设置单元格垂直对齐⽅式。width 设置单元格宽度。
小学生学习电脑编程socket timeout是什么引起的height设置单元格⾼度。
rowspan设置单元格所占⾏数。colspan设置单元格所占列数。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论