首页 > 代码库 > HTML---孙鑫

HTML---孙鑫

2024-08-03 22:15:26   217人阅读

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=http://www.mamicode.com/"">

         属性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 =http://www.mamicode.com/"URL">....属性href用于指定链接的目标，目标地址由URL来指定。..之间输入的文本将作为浏览器中显示的链接文本。

嵌入图像

        嵌入图像语法如下：<img src=http://www.mamicode.com/"URL">

学习感受：

初次接触HTML是在牛腩新闻发布系统中，以上关于HTML的元素应用都在新闻发布系统中应用，在孙鑫的2个小时的视频里再次专门的学习了HTML，这是以后学习B/S的基础。其中的元素语法只有多用才会设计出美观的web前端。在以后的生活中多留意设计比较成熟的网页，汲取所需，再在巨人的肩膀上。


HTML---孙鑫


联系
我们