HTML---孙鑫

时间:2014-11-23 16:01:50   收藏:0   阅读:198

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


评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!