HTML基础重点_一般标签、常用标签和表格

35 浏览量 2020-12-13 23:25:47 上传评论收藏 461KB PDF 举报

第一部分 HTML <html> –开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> <body> 页面显示的内容 </body> </html> –结束标签 <!–注释内容–> 注释 body的属性： bgcolor 页面背景色 text 文字颜色（规定所有文本颜色） topmargin 上页边距 leftmargin HTML，全称HyperText Markup Language，是用于创建网页的标准标记语言。HTML的基础构成包括开始标签`<html>`和结束标签`</html>`，这两者分别标志着整个文档的开始和结束。文档内分为两大部分，`<head>`和`<body>`。`<head>`部分包含元信息，如网页标题`<title>`，而`<body>`部分则是网页的实际内容。在`<body>`标签中，可以设置不同的属性来调整页面布局，如`bgcolor`定义页面背景色，`text`定义所有文本颜色，`topmargin`、`leftmargin`、`rightmargin`和`bottommargin`分别设置页面的上、左、右、下页边距，`background`则可以设置背景图像。注释内容可以通过`<!–注释内容–>`来实现。在HTML中，有一系列用于格式控制的标签。`<font>`标签可以用来改变字体样式，包括`color`、`face`（字体类型）和`size`（字体大小）。`<b>`和`<strong>`用于字体加粗，其中`<strong>`更强调语义。`<i>`和`<em>`用于字体倾斜，同样`<em>`更强调语义。`<u>`添加下划线，`<center>`用于元素居中，`<br>`或`<br />`实现换行，` `代表空格。 HTML中的内容容器标签包括标题标签`<h1>`到`<h6>`，它们表示不同级别的标题，重要性递减。`<p>`标签定义段落，`<div>`和`<span>`作为布局控制，`<div>`常用于划分页面区域，`<span>`则用于行内元素的样式控制。`<ol>`和`<ul>`创建有序和无序列表，`<li>`定义列表项。超链接标签`<a>`是HTML中至关重要的元素，通过`href`属性指定链接地址，`target="_blank"`表示在新窗口打开链接。要创建内部链接，需先定义锚点`<a name=""></a>`，再用`<a href="">`链接到该锚点。图片标签`<img>`插入图片，`src`是图片路径，`alt`提供替代文字，`width`和`height`定义图片尺寸，不同时设置时会按比例缩放。若不提供尺寸，图片将按原始尺寸显示。表格由`<table>`标签开始，可以设置宽度`width`、边框`border`、内容与边框的间距`cellpadding`和单元格间距`cellspacing`、对齐方式`align`以及背景色`bgcolor`或背景图片`background`。`<tr>`定义表格行，行内单元格`<td>`或表头`<th>`定义列内容，`align`和`valign`分别控制单元格的水平和垂直对齐，`height`设置行高。以上就是HTML基础中的关键知识点，这些标签和属性构成了网页的基本框架，是每个前端开发者必须掌握的基础。通过熟练运用这些元素，可以创建出丰富多样的网页内容。

资源推荐

资源详情

资源评论