HTML基础教程：关键标签与表格解析
14 浏览量
更新于2024-08-31
收藏 461KB PDF 举报
本文主要介绍了HTML的基础知识，包括HTML的基本结构、body的属性以及常用的标签。HTML是网页制作的基础，用于构建网页的结构和内容。
HTML文档由开始标签`<html>`和结束标签`</html>`包裹，其中包含了`<head>`和`<body>`两个主要部分。`<head>`部分通常包含网页的元信息，如`<title>`标签用来设置页面标题。`<body>`部分则是页面实际展示的内容。HTML注释通过`<!–注释内容–>`来实现。
body标签有多个属性，如`bgcolor`定义页面背景色，`text`定义文字颜色，`topmargin`、`leftmargin`、`rightmargin`、`bottomargin`分别控制页面上下左右的边距，而`background`属性用于设置背景图片，注意背景色和背景图片不能同时设置。
HTML中的一般标签包括格式控制标签和内容容器标签。格式控制标签如`<font>`用于改变字体样式，`<b>`、`<i>`、`<u>`分别用于加粗、斜体和下划线，`<strong>`和`<em>`用于强调内容，`<center>`用于居中显示，`<br>`或`<br/>`用于换行，` `表示空格。
内容容器标签包括标题标签`<h1>`到`<h6>`，它们代表不同级别的标题，重要性递减。`<p>`用于创建段落，`<div>`和`<span>`则用于组织和定位内容，其中`<div>`占据整行，`<span>`则根据内容自适应大小。列表标签有有序列表`<ol>`和无序列表`<ul>`，以及列表项`<li>`。
这些基本标签是构建HTML页面的基础，掌握它们可以帮助初学者理解HTML的基本结构和语法规则，为进一步学习更复杂的HTML元素和CSS样式打下坚实的基础。在实际应用中，可以根据需求组合使用这些标签，创造出丰富多样的网页内容。
HTML基础重点基础重点_一般标签、常用标签和表格一般标签、常用标签和表格
第一部分第一部分 HTML
<html> –开始标签
<head>
网页上的控制信息
<title>页面标题</title>
</head>
<body>
页面显示的内容
</body>
</html> –结束标签
<!–注释内容–> 注释
body的属性：
bgcolor 页面背景色
text 文字颜色（规定所有文本颜色）
topmargin 上页边距
leftmargin 左页边距
rightmargin 右页边距
bottomargin 下页边距
background 背景壁纸
注：背景色和背景壁纸两者选一
1.1、一般标签1.1.1、格式控制标签
<font color="" face="" size=""></font> 控制字体；color="##FF0000"；face，字体；size，字体大小。
<b></b> 字体加粗
<i></i> 倾斜
<u></u> 下划线
<strong></strong> 字体加粗（强调，语气加强用）
<em></em> 字体倾斜（强调，语气加强用）
<center></center> 居中
注：<center></center>默认前后若有其他，执行前后换行，保证自身是一个整体，然后居中显示。
<br> 或<br /> 相当于回车（快捷键：shift + enter）
 ； 表示空格 也可以在设计页面中按ctrl+shift+space
1.1.2、内容容器标签
<h1></h1>……<h6></h6> 标题（会自动换行）。HTML标题（Heading）是通过<h1> – <h6> 等标签进行定义的。
注：<h1></h1>……<h6></h6>重要性依次递减，依附于现有的默认尺寸进行递增或递减。并且前后若有其他，执行前后换行，并空开一行，保证自身是一个整体
<p></p> 段落标签（段落之间空行）
注：<p></p>前后若有其他，执行前后换行，并空开一行，保证自身是一个整体
<div></div> 层标签（默认占一行）
<span></span> 层标签（默认用多大空间占多大空间）
<ol type="1"> –有序列表，序号为1,2,3……，引号中可以更改序号形式
<li>内容</li>
<li>内容</li>
</ol>
注：默认自带序号，自带换行，前后若有其他，执行前后换行，并空开一行，保证自身是一个整体
上面“ol”改为“ul”则为无序列表，其不具备自带换行功能。
1.2、常用标签
超链接标签
<a href="超链接地址" target=“_blank”>超链接的文字</a> –href（hyperlink reference）；_blank是在新窗口打开。
第一步：做锚点的标签。<a name=""></a>
第二步：做锚点链接。<a href="目标链接的name的值"></a>
图片标签
<img src="图片地址" alt="文字" width="" height="" /> –高跟宽设置一个即可，显示图片会按比例缩放。alt在图片无法加载时，显示文字，还可帮助搜索引擎搜索。
下载后可阅读完整内容，剩余4页未读，立即下载
159 浏览量
2010-11-15 上传
点击了解资源详情
点击了解资源详情
点击了解资源详情
121 浏览量
点击了解资源详情
点击了解资源详情
weixin_38725260
- 粉丝: 2
- 资源: 909
我的内容管理
展开
