目录
1 HTML基本结构    1
2 列表控制标记    4
3 表格    6
4 图像    9
5  超链接    10
6 表单    12
7 框架    13
8 多媒体    15
9 其他标记    16
1 HTML基本结构
1  HTML的基本结构
<html>                                -------根控制标记
<head>                                -------头控制标记
<title>标题</title>                    -------标题标记
</head>                                -------头控制标记（尾）
<body>                               
                                    -------网页显示区域
</body>
</html>                                -------根控制标记(尾)
(1).<html>…</html>根控制标记
开头和结尾成对出现，双标签
(2).<head>…</head>头控制标记
1.<title>很单纯的文件标题声明
2.<meta>控制标记的动态文件转换声明
3.<base>超链接网址基准参考点
4.Javascript和VBScript程序
5.stylesheet 可用来设置排版来的声明
6.<link>可引用外部文件，如CSS排版样本
(3).<title>…</title>设置浏览器的视窗标题
(4).<body>…</body>页面可见内容
2 HTML控制标记的格式
(1).<标记名称>
                单一型,无设置值的。
                        如：<br>
(2).<标记名称 属性=”属性值”>
                单一型，有设置值的。
                        如：<hr width=”80%”>
(3).<标记名称>…</标记名称>
                对称型，无设置值。
                        如：<title>…</title>
(4).<标记名称 属性=”属性值”>…</标记名称>
                对称型，有设置值。
                        如：<body bgcolor=”网页设计html代码翻译red”>…</body>
                            <font size=”7”>…</font>
3 最常用的控制标记
(1).跳行  <br>
                格式：<br>
                无属性设置
(2).段落  <p>
                格式：<p align=”排列方式”>…</p>
    属性名称        属性值        说明
    align            left        往左靠（默认）
                    center        往中靠
                    right        往右靠
(3).水平直线  <hr>
                格式：<hr>
    属性名称        属性值        说明
      size            像素        绝对设置，以数字表示，属性值越大，线越粗
                    百分比        相对设置，以%表示，属性值越大，线越粗
    width              像素        绝对设置，长度不会应视窗的改变而改变
                    百分比        相对设置，长度会随着视窗宽度而改变
    noshade                    实体线
(4).向中对齐  <center>  (被废弃的标签)
                格式：<center>…</center>
(5).背景与文字设置
                格式：<body bgcolor=”背景” text=”文字颜”>
                      整体页面的边距，行距
                      <body leftmargin=”像素” topmargin=”像素”>
(6).标题文字设置
                格式：<h1>…</h1>
                      <h2>…</h2>
                      <h3>…</h3>
                      <h4>…</h4>
                      <h5>…</h5>
                      <h6>…</h6>
                属性名称            属性值                说明
                align                left                靠左
                                    center                靠中
                                    right                靠右
(7).特殊字符设置
                格式：<    lt;
>    gt;
&    amp;
“    quot;
(8).在HTML备注
                格式：<!--…-->
(9).实体字符控制标记
    1.<b>…</b>            粗
    2.<i>…</i>            斜
    3.<s>…</s>            删   
    4.<u>…</u>            下划
    5.<tt>…</tt>        电报
    6.<sub>…</sub>        下标
    7.<sup>…</sup>        上标
(10).语意字符控制
    1.<address>…</address>    地址
    2.<big>…</big>                大字
    3.<del>…</del>                删除
    4.<ins>...</ins>            修改
    5.<samll>…</small>            小字
6.<strong>…</strong>        加强语气(加粗)
7.<em>...</em>              加强语气(倾斜)
(11).<font>字体控制 (被废弃的标签)
    格式：<font>…</font>
    属性名称        属性值        说明
      size            0-7        字体大小
      color            英文或十六    颜
      face              字体        字体
(12).格式化
                格式：<pre>…</pre>
                让书写的文字格式化！
(13).引用文本
格式：<blockquote>...</blockquote>
属性名称        属性值        说明
  cite            url      被引用的地址
2 列表控制标记
1 无序号条例式清单<ul>与<li>
            格式:   
                    <ul>
                            <li>…</li>
                            <li>…</li>
                            <li>…</li>
                            <li>…</li>
                    </ul>
            功能: <ul>无序条列清单的开始.   
                </ul>表示结束.
                <li>…</li>表示一个项目.
                <li>的属性
                            属性名称        属性值        说明
                              type            dise        实心圆(默认值)
                                            circle        空心圆
                                            square      实心方块
2 有序号条例式清单<ol>与<li>
            格式:
                    <ol>
                            <li>…</li>
                            <li>…</li>
                            <li>…</li>
                            <li>…</li>
                    </ol>
            功能: <ol>有序条列清单的开始.   
                </ol>表示结束.
                <li>…</li>表示一个项目.
            <ol>的属性
                            属性名称        属性值        说明
                              type              1        表示以1,2,3,4来表示

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。