Html标签及简单代码的认识

来源：网络收集时间：2026-09-07

导读： html基础标签以及简单静态代码的认识。 Html标签及简单代码的认识 html基础标签以及简单静态代码的认识。什么是 HTML?HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (

html基础标签以及简单静态代码的认识。

Html标签及简单代码的认识

html基础标签以及简单静态代码的认识。

什么是 HTML?HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页

HTML 标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词，比如 <html> HTML 标签通常是成对出现的，比如 <b> 和 </b> 标签对中的第一个标签是开始标签，第二个标签是结束标签开始和结束标签也被称为开放标签和闭合标签

html基础标签以及简单静态代码的认识。

HTML 文档也被称为网页常见网页解释

<html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>

例子解释 <html> 与 </html> 之间的文本描述网页 <body> 与 </body> 之间的文本是可见的页面内容，是文档的主体。 <h1> 与 </h1> 之间的文本被显示为标题 <p> 与 </p> 之间的文本被显示为段落，如果您希望在不产生一个新段落的情况下进行换行(新行),请使用标签元素是一个空的 HTML 元素。由于关闭标签没有任何意义，因此它没有结束标签。

html基础标签以及简单静态代码的认识。

如何使用样式

外部样式表

当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。 <head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> rel 属性规定当前文档与被链接文档之间的关系。只有 rel 属性的 “stylesheet” 值得到了所有浏览器的支持。type 属性规定被链接文档的 MIME 类型。该属性最常见的是 “text/css”,告诉浏览器这里面的文本内容(text) 要当层叠样式表 (css)来解析，不能当作其它的来解析。 Href是引用外部样式，这个名为mystyle.css的样式是存在一个独立于html之外的文件。

html基础标签以及简单静态代码的认识。

内部样式表当单个文件需要特别样式时，就可以使用内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。

<p style="color: red; "> This is a paragraph </p>

HTML 注释可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。注释是这样写的：实例

html基础标签以及简单静态代码的认识。

常见属性定义width对象的宽度，单位可以用px为像素单位，也可以按百分比，就是占用页面的比例。 height对象的高度 color用于设置字体颜色，可以用英文单词 red还可以使用十六进制的颜色值 #ff0000 font-family 用于设置字体 text-align 用于设置文字对齐，center为居中对齐，left为左对齐，right为右对齐 Background设置背景，可以使用十六进制的颜色值 #ff0000,也可以url连接到对应图片例如： background: #fff; 或者background:url(

../images/bg.jpg) border 用于设置边框，例如：border-top:1px solid #000;设置了一个宽度为1像素的黑色直线边框。border: 1px dotted #000;设置了一个宽度为1像素的黑色点状边框。 font-size用于设置字体大小，比如font-size: 14px, 就是设置了一个大小为14像素的字体。如果使用 em 单位，则可以在所有浏览器中调整文本大小。浏览器中默认的文本大小是 16 像素。因此 1em 的默认尺寸是 16 像素。 text-indent表示缩进一个长度，例如：p {text-indent: 2 em;}缩进2个字符长度， p {text-indent: 20%;} 缩进百分之二十。

html基础标签以及简单静态代码的认识。

padding : 内边距，也有资料将其翻译为填充。 margin : 外边距，也有资料将其翻译为空白或空白边。

元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。

html基础标签以及简单静态代码的认识。

网页常见标签HTML 链接是通过 <a> 标签进行定义的。实例 <a href="http://www.77cn.com.cn">This is a link</a> 链接的地址在 href 属性中指定 HTML 图像是通过 <img> 标签进行定义的。 <img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。要在页面上显示图像，你需要使用源属性src。源属性的值是图像的 URL 地址。 alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。实例 <img src="w3school.jpg" width="104" height="142" alt="Big Boat" />

html基础标签以及简单静态代码的认识。

表格的设置表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义), 每行被分割为若干单元格(由 <td> 标签定义)。

<tr>定义表格的行。<td>定义表格单元格。

解释设置了一个宽度为200像素，边框为1像素，边距和边框空隙都为0像素，两行两列的表格。表格中间都为空。 <td colspan=“2”> </td> 横向合并二个单元格； <td rowspan=“2”> </td>纵向合并二个单元格。

html基础标签以及简单静态代码的认识。

<th>姓名</th>用th表示表头<table border="1"> <tr> <th>姓名</th> <th colspan="2">电话</th> </tr> <tr> <td>Bill Gates</td> <td>555 77 854</td> <td>555 77 855</td> </tr> </table> <table border="1"> <tr> <th>姓名</th> <td>Bill Gates</td> </tr> <tr> <th rowspan="2">电话</th> <td>555 77 854</td> </tr> <tr> <td>555 77 855</td> </tr> </table>

<td bgcolor=“red”>First</td>向表格填充一个红色背景 <td background="/i/eg_bg_07.gif">Second</td> 向表格填充一个图片背景 <td align=“left”> First </td>表示表格中的文字向左对齐

…… 此处隐藏：1441字，全部文档内容请下载后查看。喜欢就下载吧 ……

Html标签及简单代码的认识.doc 将本文的Word文档下载到电脑，方便复制、编辑、收藏和打印

下载这篇word文档

本文链接：https://www.jiaowen.net/wenku/1544098.html（转载请注明文章来源）

上一篇：“十三五”规划重点-高纯乙炔生产建设项目建议书(立项报告)
下一篇：杰亚伯拉罕营销秘笈