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="颜色值">
![在这里插入图片描述](https://img-/1106141859117.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列表。