HTML基本知识

一.HTML结构与格式

<body>//开始标签   //属性/值对        //内容
    <font color="red" >http://www.sunxin.org</font>
</body>//结束标签

二.HTML元素的四种形式

    1.空元素        <br>
    2.带有属性的空元素    <hr color="blue">
    3.带有内容的元素    <title>http://www.sunxin.org</title>
    4.带有内容和属性的元素    <font color="red">http://www.sunxin.org</font>

三.有段落控制有关的标签

    1.<p align="#">    表示paragraph, 作用: 创建一个段。属性align表示段的对齐方式,#可以是left、center、right、justify。
    2.<br>    表示line break,作用:换行。
    3.<hr color="clr">    表示horizontal rule,作用:插入一条水平线。属性color用来指定线的颜色,clr可以是预定义颜色的名字,例如:red、blue、green、black、white、yellow、olive、aqua等,或是以16进制数表示的颜色值,clr=#rrggbb,例如:#ff0000表示红色,#00ff00表示绿色,#0000ff表示蓝色。
   
    在计算中,通常都采用RGB色来表示色彩,R(red)表示红色,G(green)表示绿色,B(blue)表示蓝色,通过红蓝绿三原色来构成其它的颜色。在这种表示方法中,各个成分采用两位的十六进制数来表示,00至FF(十进制的0~255),表示每一种颜色成分的强弱程度。一个较小的值,如00或01,表示一种较暗的RGB成分;而一个较大的值,如FE或FF,则表示一种非常亮的RGB成分。一种颜色用6位十六进制数来表示,000000表示黑色,FFFFFF表示白色,FF0000表示红色,OOFFOO表示绿色,OOOOFF表示蓝色。

四.与文本显示相关的标签

    1.<center>...</center>    使文本居中显示。
    2.<hn align="#">...</hn>用于指出文档的标题,n使从1到6的整数,1表示最大标题,6表示最小标题,属性align设置标题对齐的方式,#可以使left、right、center。
    3.<font size=n color="clr">...</font>    用于设置字体,属性size表示字体的大小,n可以使从1得到7的整数,数字越大,字体越大;属性color表示字体的颜色,clr可以使预定义的颜色名字,或者以16进制数表示的颜色值。
    4.<b>...</b>    使文本成为粗体。
    5.<i>...</i>    使文本成为斜体。

注意:在HTML中标签不区分大小写,实体引用是区分大小写的

五.输入特殊字符
    在HTML文档中,像不间断字符,回车等符号,HTML保留的字符(如:'<',表示一个标记的开始),一些在键盘中不存在的特殊字符,例如:版权符号,都要通过引用才能输入。在HTML中有两种引用类型:字符引用和实体引用。

    字符引用和实体引用都是以一个和好(&)开始并以一个分号(;)结束。如果用的是字符引用,需要在和号(&)之后加上一个井号(#),之后是所需要字符的十进制代码或十六进制代码(ISO 10646字符集中字符的编码)。如果用的是实体引用,在和号(&)之后写上字符的助记符。

六.如何输入空格
   
    1.&nbsp;输入一个空格,占6个字节;
    2.使用全角输入空格,一个空格占2个字节,在不支持中文浏览器中全角空格显示为乱码;
   
七.HTML注释    <!--注释内容-->

八.列表
    建立数字编号的列表:
    1.使用<ol>和<li>标签创建带数字编号的列表;
    2.<ol start="n"> start属性设置编号的起始序号n;
    3.<li value="n"> value属性改变列表内编号,及其以后的编号;

    指定编号的格式和顺序:
    在<ol>和<li>标签中,使用type属性指定编号的系统类型。
    A-大写字母;    a-小写字母;    I-大写罗马字母;i-小写罗马字母;1-阿拉伯数字;

    建立带有项目符号的列表:
    使用<ul>和<li>标签的type属性指定符号的样式,取值如下
    disc-显示为实心的圆圈;square-显示为实心的方块;circle-显示为空心的圆圈;

    创建无符号的列表:
    使用<dl>和<dt>标签建无符号的列表;
    使用<dd>标签替换<dt>,创建缩进的列表;

    创建术语列表:
    在<dl>元素中同时使用<dt>和<dd>,<dt>标签指定术语,<dd>标签指定术语说明;

九.表格   
    <table border=n align="alignment" bgcolor="clr">...</table>
    1.border指定表格的宽度,border=0与忽略border属性效果一样,将不显示边框;
    2.alignment指定表格的对齐方式,可以是left、center、right;
    3.bgcolor指定表格的背景色;

    <caption>...</caption>定义表格的标题;

    <tr align="alignment" valign="alignment">...<tr在表格中添加一个新行;
    1.align水平方向上的对齐方式:left、center、right
    2.valign垂直方向上的对齐方式:top、middle、bottom

    <th>...</th>定义表头;
    <td>...</td>定义单元格;
十.表单
    <form method="get or post" action="URL">
    ...
    </form>
    1.属性method用于指定向服务器发送表单数据的http方法,为get或post方法中的一种,采用get时(缺省值),提交的数据被附加到URL末端,安全性不高。post将数据作为一个数据块发送到服务器端。两种方法的数据编码的格式均为:name1=value1&name2=value2
    2.属性action指定对表单进行处理的脚本地址。
    3.数据方面没有安全方面的考虑一般采用get方法;若数据量太大或有安全方面的考虑采用post;

    <input type="type" name="name" size="size" value="value">
    接受用户输入信息,type指定要创建的控件类型,name指定控件的名称,size指定表单中控件的初始宽度,value指定控件的初始值;
        type="text"        单行文本输入控件
        type="submit"        提交按钮
        type="reset"        重置按钮
        type="password"        口令输入控件
        type="radio"        单选按钮
        type="checkbox"    复选框
        type="hidden"        隐藏控件
   
    列表框允许用户从一个下拉菜单中选择一项和多项
    由<select>元素创建,下拉才当中的各个选项用<option>元素提供。

    多行文本输入控件:
    <textarea name="name" rows="n" cols="m">...</textarea>
    开始标签和结束标签之间出现的文本,将作为文本输入控件中的初始文本而显示;

十一.超链接
    1.URL-统一资源定位符,由三部分组成:协议,主机名称,文件目录和文件名。

    2.</a href=URL"">...</a>建立一个超链接
    属性href用于指定连接的目标,目标地址由URL定位,<a>与</a>之间为链接文本
    URL可以为相对路径也可以为绝对路径;

十二.潜入图像    <img src="URL" width=n height=n>
    src指定图像资源的位置,属性width和height用于指定图片的尺寸,不匹配时发生拉伸或压缩
   
 
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值