Web标准的构成主要包括结构、表现和行为三个方面。
结构，用于对网页元素进行整理和分类。现阶段主要学的是HTML。
表现，用于设置网页元素的版式颜色大小等外观样式主要指的是CSS。
行为，是指网页模型的定义及交互的编写，现阶段主要学的是Java script。
url指网址，HTML指的是超文本标记语言，它是用来描述网页的一种语言，不是一种编程语言。
HTML标签必须由<>包围，通常成对出现如<html></html> 单标签样式为<br/>
html是页面中最大的标签，又称根标签
head是头部标签，用于定义文档的头部，它是所有头部元素的容器
titile是标题标签，让页面中有一个属于自己的网页标题
body是主体标签，元素包含文档的所有内容、页面内容基本都是放到body里面的
模板如下：
<!DOCTYPE html> //告诉浏览器使用哪种HTML版本来显示网页
<html lang="en"> //定义当前文档显示的语言 en是英语 zh-CN是中文
<head>
<meta charset="UTF-8"> //定义用哪种字符编码
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
标签含义：
<h1>-<h6> </h1>-</h6>；标题标签；h为head的缩写，独占一行，从h1到h6依据重要性递减
<p></p>；段落标签；paragraph的缩写
<br/>；换行标签；break的缩写，单标签，不换段落
<strong></strong>或者<b><b>；加粗文本
<em></em>或者<i></i>；倾斜文本
<del></del>或者<s></s>；删除线
<ins></ins>或者<u></u>；下划线
<div></div>和<span></span>；无语义，用来当“盒子”；div是division的缩写，div独占一行（大盒子），span可以一行多个（小盒子）
<img src=“图像URL”/>;图像标签；单标签，image的缩写，src是<img>的必须属性，用于指定图像文件的路径和文件名，img还有其他属性，分别是：alt替换文本，图像不能显示时的文字。title提示文本，鼠标放到图像上显示的文字。width设置图像的宽度。height设置图像的高度 。（width和height一般只用一个，它会自动等比例缩放）border设置图像的边框粗细。
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>；超链接；a是anchor的缩写，href是必须属性，用于指定链接目标的URL地址。target用于指定链接页面的打开方式，其中_self为默认值，_blank为在新窗口中打开方式。外部链接要有"http://www.~"格式，内部链接直接用名字，用#代表空链接，链接.exe或.zip等压缩包属于下载链接 锚点链接要写成<a href="#one"></a>等形式 必须多加# 其链接的目标位置标签要添加一个id属性=刚才的名字，如<h3 id="one"></h3>
<!--注释语句-->；将语句注释掉，不影响其他，ctrl+/可以快捷注释与取消
需要记住三个特殊字符： 空格 ；<小于号<；>大于号>；其他的有需要再查，分号是必须的
表格基本语法：
<table> //定义表格
<thead> //划分表格头部
<tr> <th>姓名</th> <th>性别</th> </tr> //定义表头单元格，表头中的文本会加粗居中显示
...
</thead>
<tbody> //划分表格主体
<tr> //定义表格中的行
<td>单元格内的文字</td> //定义表格中的单元格，td是table data的缩写
...
</tr>
...
</tbody>
</table>
表格边框等通常通过css设计，其属性align、border、cellpadding、cellspacing、width、height暂时大致了解即可
rowspan="合并单元格的个数"；跨行合并
colspan="合并单元格的个数"；跨列合并 所合并的代码写到左上的单元格
无序列表的基本语法格式如下：
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
...
</ul>
<ul>中只能放<li>，<li>中可以容纳所有元素，<ul>自带的样式属性通常被css删除代替
有序列表的基本语法格式如下：
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
...
</ol>
<li>中各元素都是并列的
自定义列表的基本语法格式如下：
<dl>
<dt>名词1</dt> //<dt>定义项目/名字
<dd>名词1解释1</dd> //<dd>描述每一个项目/名字
<dd>名词1解释2</dd>
...
</dl>
<dt><dd>也是兄弟关系，但通常一个<dt>对应多个<dd>
表单的基本语法如下：
<form action="url地址" method="提交方式" name="表单域名称">
各种表单控件
</form>
form会把它范围内的表单元素信息提交给服务器, 其中action用于指定接收并处理表单数据的服务器程序的URL地址，method用于设置表单数据的提交方式 其取值为get或post，name用来指定表单的名称，以区分同一个页面中的多个表单域。
<input type="属性值"/>；输入表单元素，单标签，type的属性值如下：button定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）。checkbox定义复选框。file定义输入字段和“浏览"按钮，供文件上传。hidden定义隐藏的输入字段。image定义图像形式的提交按钮。password定义密码字段。该字段中的字符被掩码。radio定义单选按钮。reset定义重置按钮。重置按钮会清除表单中的所有数据。submit定义提交按钮。提交按钮会把表单数据发送到服务器。text定义单行的输入字段，用户可在其中输入文李。默认宽度为 20 个字符。 <input>还有其他属性， name由用户自定义，定义input元素的名称。 value由用户自定义，规定input元素的值。 checked，值为checked，规定此input元素首次加载时应当被选中。 maxlength正整数规定输入字段的字符最大长度。 name和value是每个表单元素都要有的属性值主要给后台人员使用。 name是表单元素的名字，要求单选按钮和复选按钮要有相同的name值。checked属性主要针对单选按钮和复选框。
<label for="sex">男</label> <input type="radio" name="sex" id="sex">; label标签用于绑定一个表单元素。当点击label标签中的文本时，浏览器就会自动将焦点(光标)转到或者选择对应的表单元素上，用来增加用户体验。for属性要与id属性一致
<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
...
</select>
下拉表单元素，<select>中至少要包含一对<option>，在<option>中定义selected="selected"时，当前项即为默认选中项
<textarea></textarea>；文本域元素，定义多行文本输入，常见于评论区等，有cols、rows属性，被css替代
扫一扫
4541
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
