HTML快速入门【1】

来源：互联网 2023-03-16 19:19:40 版权归原作者所有，如有侵权，请联系我们

HTML是Hyper Text Markup Language的缩写，中文译为“超文本标记语言”。用HTML语言编写的超文本文档称为HTML文档，和一般文档的不同之处是，一个HTML文件不仅包含文本内容，还包含一些Tag（"标签"）。HTML文件的后缀名为.html或html学好HTML,可以方便让我们学好JavaEE的一个基础。下面，我们来简单地学习一下HTML.

HTML快速入门【1】

工具/原料

文本编辑器/
IE浏览器/

HTML文档基本结构

HTML的文档基本结构如下：html>head>.../head>body>.../body>/html>结构解析：html>/html> body>/body>等等称为“标签”。标签不分大小写，在中间可以包含内容。其中：html>/html>标签表示的内容为HTML文档head>/head>用来说明网页的一些基本情况。如网页的标签等，可以省略body>/body>用来包含网页的主体信息，即网页的正文部分

用记事本创建文本文档，并向其填入以下内容。更改文本文件扩展名为html或htm。之后用浏览器打开，就能看到结果html>head>title>我的第一个网页/title>/head>body> Hello,World/body>/html>其中title>/title>用于显示标题的

HTML快速入门【1】

HTML常用标签

HTML常用的标签有文本相关标签、图像标签、超链接标签、表格类标签等

文本类：pre>.../pre>:预先格式化标签，添加在文本的开始和结尾处；

br>：换行标签，用于需要换行的地方；

.../:段落标签，添加在段首和段尾，其有一个属性align用于描述文字的对齐方式，值为center,left和right，分别表示居中，左对齐和右对齐。

font>.../font>对它括起来的文字设置样式，有如下属性：

face:文字所用的属性；size:文字的大小；color:文字的颜色

h1>.../h1>表示一级标题；h2>.../h2>表示二级标题。。。等等

网页背景类：

在body bgcolor="颜色">.../body>在body通过bgcolor可以设置主体内容的背景颜色。

在body background=图像的路径>.../body>可以设置网页的背景

图像类标签：

基本语法格式为：img src=图像路径>,它还有以下属性：

alt ：图像的说明性文字，在网页不能正常显示时会出现该文字

width和height:用于设置图像的宽度和高度

align:同样是用于图像的对齐方式和文本标签的一样

border:图像的边框的宽度，单位是像素

hspace和vsapce:图像在浏览器的水平间距和垂直间距

超链接类标签：

给网页上的文本或图像设置超链接，可以使用其跳到目的点，基本语法格式如下：

a href="链接目标地址">文字或图像/a>

表格类：

表格是网页中最常使用的排版方法，这里简单介绍一些表格类标签

table>.../table>:表格标签，表示一个表格的开始与结束；

tr>.../tr>：行标签，成对出现，包含在表格标签之间，有几对标签说明有几行表格；

td>.../td>:单元格标签，成对出现，包含在行标签之间，有几对单元格标签，就有几个单元格

th>是特殊的单元格，表示该单元格为标题，即标头。有以下几个属性：

border:标签table>的属性，表示表格边框的宽度，单位为像素，默认宽度为0，即无边线；

width和height：适用三个标签，表示宽和高；

align:适用三个标签，表示各个对应的表格的内的对象的对齐方式；

valign:表示垂直方向的对齐方式

bgcolor:表示背景颜色

background:表示背景图片

cellspacing:标签table>的属性，表示单元格的间距，单位为像素；

cellspadding:标签table>的属性，表示单元格的边距，单位为像素；

colspan:标签td>的属性，表示跨多列合并；

rowspan:标签tr>的属性，表示跨多行合并；

表格类代码展示：

html>

head>title>我的第一个表格/title>/head>

body>

table border=1 width=600 align="center" cellpadding="3" cellspacing="2">

tr align="center">

td colspan="5">b>成绩单/b>/td>

/tr>

tr align="left">

th>学号/th>th>姓名/th>th>JSP程序设计/th>th>程序设计/th>th>计算机网络/th>

/tr>

tr align="left">

td>0001/td>td>小明/td>td>90/td>td>80/td>td>82/td>

/body>

结果如图：

HTML快速入门【1】

注意事项

这里用记事本写的，可以使用dreaweaver来编写，更方便
如果你觉得不错，请点个赞或分享给你的朋友吧！

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： HTML

上一篇：如何进行html调试和js脚本调试下一篇：html5，实现用户登录界面

HTML快速入门【1】

工具/原料

HTML文档基本结构

HTML常用标签

注意事项

热门文章

标签列表