一个HTML文件是有自己固定的结构的
<html>
<head>...</head>
<body>...</body>
</html>
代码讲解:
1. <html></html>
称为根标签,所有的网页标签都在<html></html>
中。
2. <head>
标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>
等标签,头部标签在下一小节中会有详细介绍。
3. 在<body>
和</body>
标签之间的内容是网页的主要内容,如<h1>、<p>、<a>、<img>
等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。
<em>
需要强调的文本</em>
<strong>
需要强调的文本</strong>
1.<em>
和<strong>
标签是为了强调一段话中的关键字时使用,它们的语义是强调。
2. <span>
标签是没有语义的,它的作用就是为了设置单独的样式用的。
浏览器对<blockquote>
标签的解析是缩进样式
输入空格,必须写入 
;
当代码为一行代码时,你就可以使用<code>
标签了
<pre>
标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。
<ol>
标签来制作有序列表来展示。
<ul>
无序标签
在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个
我们把一些标签放进
语法:
<div id="版块名称">…</div>
创建表格的四个元素:
table、tbody、tr、th、td
1、<table>…</table>
:整个表格以<table>
标记开始、</table>
标记结束。
2、<tbody>…</tbody>
:如果不加<thead><tbody><tfooter>
, table表格加载完后才显示。加上这些表格结构, tbody包含行的内容下载完优先显示,不必等待表格结束后在显示,同时如果表格很长,用tbody分段,可以一部分一部分地显示。(通俗理解table 可以按结构一块块的显示,不在等整个表格加载完后显示。)
3、<tr>…</tr>
:表格的一行,所以有几对tr 表格就有几行。
4、<td>…</td>
:表格的一个单元格,一行中包含几对<td>...</td>
,说明一行中就有几列。
5、<th>…</th>
:表格的头部的一个单元格,表格表头。
6、表格中列的个数,取决于一行中数据单元格的个数。
1、table表格在没有添加css样式之前,在浏览器中显示是没有表格线的
2、表头,也就是th标签中的文本默认为粗体并且居中显示
使用<a>
标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签。
语法:
<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>