1.html的基本语法
1.1 html语言：
HTML是“HyperText Mark-up Language（超文本标记语言）”的缩写。表示网页信息的符号标记语言。
可以设置文本的格式，如标题，字号文本颜色，段落等。也可以创建列表，插入图像和媒体，建立表格，建立超链接，实现页面跳转。
1.2 html的标签和属性：
标签的语法格式：所有标签都是由一对尖括号和标签名构成，并分为开始标签和结束标签。属性用于控制内容如何显示。
<标签名称 属性=“属性值” 属性=“属性值” ......>...</标签名称>
1
1
1.3 文档注释：
<!--要注释的内容-->
1
1
1.4代码格式：
空格键和回车键在网页中不起任何作用，只是为了让代码清晰可读，缩进时以tab进行缩进。
2.html的基本结构
2.1 基本结构：
整个html文件可以分为两层，一层是外层，由<html>和</html>标签对来标识；另外一层是内层，用于实现html文件的具体功能。根据实现功能的不同，又可以将内层细分为两个区域，即头部区域和主体区域。<head></head>标签和<body></body>标签。
它的基本结构如下：
在这里插入图片描述
2.2 页面的头部标签：
页面的头部标签是指由<head></head>标签所包含的部分，主要用于设置当前网页的页面标题，字符集，关键字，描述信息等内容，一般头部的内容都不会在网页上直接显示。
常用的头部标签：<title>,<meta>
<title>标题内容</title>,显示在浏览器窗口的左上边。
在这里插入图片描述
2.3 页面的主体标签：
<body>标签封装了页面的主体内容，使用<body>标签，还可以设置页面背景，页面文字颜色，页边距等页面属性。
2.3.1 设置网页正文颜色和背景颜色：
基本语法：<body bgcolor="颜色值" text="颜色值">
![在这里插入图片描述](20181106141859117.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4Njg0NTA0,size_16,color_FFFFFF,t_70结果：
2.3.2 添加网页背景图片：
基本语法：<body background="背景图片的URL" >
2.3.3 设置网页链接文字颜色：
基本语法：<body link="颜色值" vlink="颜色值" alink="颜色值">
在这里插入图片描述
2.3.4 设置网页边距：
基本语法：
<body leftmargin="边距值" rightmargin
html4.01 参考手册(共89个)
排序按字母顺序
<!--...--> 定义注释。
<!DOCTYPE> 定义文档类型。
<a> 定义锚。
<abbr> 定义缩写。
<acronym> 定义只取首字母的缩写。
<address> 定义地址元素。
<applet> 不赞成使用。定义 applet。
<area> 定义图像映射内部的区域。
<b> 定义粗体字。
<base> 定义页面当中的所有链接的基准链接。
<basefont> 不赞成使用。定义基准字体。
<bdo> 定义文字显示的方向。
<big> 定义大号字。
<blockquote> 定义长的引用。
<body> 定义 body 元素。
<br> 插入一个回车（折行）。
<button> 定义按钮 (push button)。
<caption> 定义表格标题。
<center> 不赞成使用。定义居中文本。
<cite> 定义引用(citation)。
<code> 定义计算机代码文本。
<col> 定义用于表格列的属性。
<colgroup> 定义表格的列组。
<dd> 定义定义的描述。
<del> 定义被删除文本。
<dir> 不赞成使用。定义目录列表。
<div> 定义文档中的节。
<dfn> 定义定义的项目。
<dl> 定义定义列表。
<dt> 定义定义的项目。
<em> 定义强调文本。
<fieldset> 定义域结构。
<font> 不赞成使用。定义文字的字体、尺寸和颜色。
<form> 定义表单。
<frame> 定义框架的子窗口。
<frameset> 定义框架集。
<h1> to <h6> 定义标题 1 到标题 6。
<head> 定义关于文档的信息。
<hr> 定义水平线。
<html> 定义 html 文档。
<i> 定义斜体字。
<iframe> 定义内联框架。
<img> 定义图像。
<input> 定义输入域。
<ins> 定义被插入文本。
<isindex> 不赞成使用。定义单行的输入域。
<kbd> 定义键盘文本。
<label> 定义针对表单控件的标签。
<legend> 定义框架集的标题。
<li> 定义列表的项目。
<link> 定义资源引用(resource reference)。
<map> 定义图像映射。
<menu> 不赞成使用。定义菜单列表。
<meta> 定义元信息。
<noframes> 定义无框架的节。
<noscript> 定义无脚本的节。
<object> 定义内嵌对象。
<ol> 定义有序列表。
<optgroup> 定义选项组。
<option> 定义下拉列表中的选项。
<p> 定义段落。
<param> 定义用于对象的参数。
<pre> 定义预格式文本。
<q> 定义短的引用。
<s> 不赞成使用。定义加删除线的文本。
<samp> 定义计算机代码样本。
<script> 定义脚本。
<select> 定义选择列表。
<small> 定义小字体文本。
<span> 定义文档中的节。
<strike> 不赞成使用。定义加删除线文本。
<strong>。 定义强调文本。
<style> 定义样式的定义。
<sub> 定义下标文本。
<sup> 定义上标文本。
<table> 定义表格。
<tbody> 定义表格的主体（部分）。
<td> 定义表格单元。
<textarea> 定义文本区域。
<tfoot> 定义表格的页脚（脚注）。
<th> 定义表格的页眉（表头单元格）。
<thead> 定义表格的标题。
<title> 定义文档的标题。
<tr> 定义表格的行。
<tt> 定义打字机文本。
<u> 不赞成使用。定义下划线文本。
<ul> 定义无序列表。
<var> 定义变量。
<xmp> 不赞成使用。定义预格式文本
顾名思义，这是一个模板。比如需要ajax刷新一个列表，以前的做法是后端生成html返回，或者前端用DOM构建后加入，但现在有了template标签，html的架构就不需要程序管了，只需要在特定的位置加入ajax请求到的数据即可，比如img的src或者其他text之类的，然后clone这个DOM，加入列表。其实许多人以前也应该做过类似的事情，把一段html隐藏起来，然后clone它并修改里面的属性或者内容，得到一个DOM，加入列表并显示，用来刷新ajax列表。
版权说明：Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有 粤ICP备16019765号
广州京杭网络科技有限公司 版权所有
免费热线：400-683-0016
扫二维码关注公众号
当前位置：