HTML---孙鑫
HTML定义
HTML超文本标记语言web页面:html作为编写该文档的标记语言
HTML元素和标签
结构和格式由HTML元素来完成，该元素是由单个或一对标签定义的包含范围。<>:标签
开始标签：没有/，包括一串允许的属性-值对。
结束标签：以一个斜杠/开头的标签
四种形式
空元素<br>
带有属性的空元素
<hr color ="blue">
带有内容的元素
<title>http://www.sunxin.org</title>
带有内容和属性的元素
<font color="red">http://www.sunxin.org</font>
提示：1、不按照HTML框架格式浏览器也会正确解析
2、标签属性是可选的
3、属性可以加双引号也可以不加
4、标签和属性名字的大小写无关
5、如果存在多个空白字符（空格，制表符，回车，换行）浏览器显示时将只解析为一个空格字符
与段落标签控制相关的标签
<p align="#">表示paragraph，作用：创建一个段，属性align表示段的对齐方式，#可以是left、center、right、justify
<br>
Line break 作用：换行
<hr color= clr>
表示horizontal rule 作用：插入一条水平线，属性color用来制定线的颜色：clr可以是与定义的颜色名字： red,blue,green,black 等，也可以是以16进制表示的颜色值clr=#rrggbb
提示：
RGB三原色 其中各个成分采用两位的十六进制数来表示00至ff表示每种颜色成分的强弱程度，一个较小的值， 表示一种较暗的rgb成分；反之一样，一种颜色用6位十六进制数来表示000000 ：黑色 ffffff:白色 ff0000:红色
与文本显示相关的标签
<center></center> 使文本居中显示<hn align =#> </hn>
用于指出文档的标题，n是从1到6的整数，1表示最大标题，6表示最小标题，align用于设定标题对其方式，#可 以是left center right
<font size=n color=clr> </font>
设置文字大小，n可以是1到7的整数，color表示颜色
<b> </b>粗体
<i></i> 斜体
输入特殊字符
用引用的方式输入：
字符引用 ： 都是以&开始并以；结束。字符引用要在&之后加上#号，之后是所需字符的十进制代码或十六进制代码
实体引用：在&之后写上字符的助记符，实体引用区分大小写。
HTML注释
<!--注释信息--> 在注释的内容中不要加入在字符串中添加“-->”列表
列表--建立数字编号的列表
使用<ol>和<li>标签创建带数字编号的列表在<ol>标签中使用start属性，，设置起始的序号
在<li>标签中使用value属性，改变列表内的编号
列表-指定编号的格式和顺序
在<ol>和<li>标签中，使用type属性指定编号系统的类型列表--建立带有项目符号的列表
<ul>和<li>创建其type属性指定符号的样式 disc--显示为实心的圆圈
Square--显示为实心的方块
Circle--显示为空心的圆圈
列表---无符号的列表
<dl><dt>标签创建无符号的列表<dd>标签替换<dt>创建缩进的列表
Ctrl+r替换
选定区文字
列表--建立术语列表
同时使用<dt><dd>建立术语列表 分为两部分：术语和它的说明<dt>表示术语<dd>指定说明
表格
定义表格
<table></table>定义表格Border 定义边框的宽度，默认为0没有边框
align用户对其方式，left center right
bgcolor背景色。
<caption>定义标题
<tr></tr> 添加行 valign指定行在垂直方向上对齐
<th></th> 定义表头
<td></td>定义单元格
表单
表单创建
基本语法如下
<form method="get or post " action ="URL">
</form>
Method 用于指定向服务器发送表单数据时所使用的http方法，可以是get或post中一种，get是缺省的方法，所提交的数据被附加到URL的末端，作为URL的一部分发送到服务器端，
<Input> 元素
用于接受用户输入的信息。是一个带有属性的空元素，用来创建表单中的控件，其语法是
<input type="" name="" size="" value="">
属性type用来指定要创建的空间的类型，name控件的名称，处理表单的服务器段脚本可以获得以名称-值对所表示的表单数据，利用名称，可以取出对应的值，name属性在表单中并不显示，size用来指定表单空间的初始宽度，属性value指定控件的初始值。
单行文本输入控件（type="text"）,提交按钮（submit），重置按钮（reset），口令输入控件（password），单选按钮（radio）,复选框（checkbox），隐藏控件（hidden）。
列表框
<select>创建 <option>列表框中的各个选项用<option>元素提供
多文本输入控件
创建多行文本输入控件的语法为
<textarea name ="name" rows ="number of rows" cols="number of columns">...</textarea>
超链接
是HTML与普通文本不同的地方在于有超链接的功能。超链接正常工作，需要有一种方法定位Internet上的资源，这是通过URL来实现的，URL全称Uniform Resource Locator，统一资源定位符。
由三部分组成：协议，主机名称，文件目录和文件名。
建立一个链接的语法如下：<a href ="URL">...</a>.属性href用于指定链接的目标，目标地址由URL来指定。<a>..</a>之间输入的文本将作为浏览器中显示的链接文本。
嵌入图像
嵌入图像语法如下：<img src="URL" width =n heigt = n> 其中src指定图像资源的位置
学习感受：
初次接触HTML是在牛腩新闻发布系统中，以上关于HTML的元素应用都在新闻发布系统中应用，在孙鑫的2个小时的视频里再次专门的学习了HTML，这是以后学习B/S的基础。其中的元素语法只有多用才会设计出美观的web前端。在以后的生活中多留意设计比较成熟的网页，汲取所需，再在巨人的肩膀上。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
