这篇文章主要为大家详细介绍了HTML的基础知识,文中示例代码和讲解比较详细,非常适合初学者入门,感兴趣的小伙伴们可以参考一下。
HTML基本架构
HTML文件包括文件头和文件体两部分构成,一般情况下HTML文件的结构如下所示:
<html>
<head>
头部信息
</head>
<body>
文件主体,正文部分
</body>
</html>
常用标签
<b>加粗的文字</b>
<i>倾斜的文字</i>
<del>删除线</del>
<ins>插入线</ins>
<sub>作为下标的文字</sub>
<sup>作为上标的文字</sup>
<blockquote>需要进行缩进的文字</blockquote>
换行:<br>
段落:<p>一段文字</p> 段落上下空两行
<center>段落居中</center>
水平分割线:<hr>
在网页中插入图像:
<IMG SRC="URL" ALT="替代文本" NAME="名字" WIDTH="宽度"
HEIGHT="高度" BORDER="边框” ALIGN="对齐方式" >
超链接
在HTML中,创建超链接的标记是<A>。<A>标记是双标记。以<A>开始,以</A>结束。<A>标记创建的链接能指向一个HTML页面、一幅图像、一个视频文件等任何资源。
<A NAME="锚名称" HREF="URL" TITLE="标题" TARGET="目标">超链接文字</A>
•超链接由以下五个重要组成部分:
•(1)在一个超链接里,最重要的部分是目标地址。当浏览者单击该超链接时,会出现什么内容,全是由目标地址来决定的。
•(2)超链接的第二个重要部分是链接文字,这个文字的作用是让浏览者看到并单击。
•(3)超链接的第三个组成部分是标题。
•(4)超链接的第四个组成部分是目标窗口。
•(5)超链接的第五个组成部分是锚。
表格
<table width=“表格宽度” height=“表格高度”>
<tr>
<td>标题栏1</td>
<td>标题栏2</td>
</tr>
<tr>
<td>内容1</td>
<td>内容2</td>
</tr>
</table>
对齐
表格都是由行组成的,行也可以设置对齐方式。通过对行的对齐方式的设定,可以使表格更加整齐。表格行的对齐方式包括水平对齐方式和垂直对齐方式。
valign属性可以设置行的垂直对齐方式,就是使行里面的内容都垂直对齐,其中默认为垂直居中对齐。
<table>
<tr valign="">
<td>表格内容</td>
</tr>
</table>
align属性可以设置行的水平对齐,就是使行里面的内容都水平对齐,
其中默认为水平居左对齐。
<table>
<tr align="">
<td>表格内容</td>
</tr>
</table>
跨行与跨列
在一个表格里,有时候我们想设置的表格中,并不一定每行每列的行数和列数都是一样的。这时候我们就需要进行行和列的合并.
跨列colspan:
<table>
<tr>
<td colspan=所跨的列数>表格的内容</td>
</tr>
</table>
跨行rowspan:
<table>
<tr>
<td rowspan=所跨的列数>表格的内容</td>
</tr>
</table>
关于HTML的基础知识介绍就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果喜欢这篇文章,不如把它分享出去让更多的人看到。