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前端。在以后的生活中多留意设计比较成熟的网页,汲取所需,再在巨人的肩膀上。