网页设计基础学习

1. 主题标签的基本格式：

2. 注释标签

注释标签的格式为 ：<!-- 注释内容 --> 结束标签与开始标签可以不在一行上，长度不受限制。

3.  段落和换行标签

段落标签的基本格式为： <p>文字</p>

强制换行标签的格式为 文字<br /> 

4.标题标签

标题文字标签的基本格式为： <h# >标题文字</h#> #用来指定标题文字的大小，#取1～6的整数值，取1时文字最大，取6时文字最小。

5.特定文字样式标签6.特殊字符

7. 网页图片四要素

<img src="路径/图片名"  alt="描述"  width="宽度"  height="高度 />

在网页中使用的图片格式一般为JPEG 、GIF和PNG 3种。

8.超链接标签 

基本格式：<a href=" http://www.163.com">网易</a>

链接到同一个目录下的文件： <a href="目标文件名.html">链接源</a>

链接到下一级目录中的文件： <a href="子目录名/目标文件名">链接源</a> 

链接到上一级目录中的文件： <a href="../目标文件名.html">链接源</a> 其中“../表示退到上一级目录中。

链接到同级目录中的文件 链接到同级目录中网页文件的格式为 <a href="../子目录名/目标文件名.html">链接源</a>

9. 书签链接

定义书签的格式： <a id="书签名称">书签内容</a> 或 <a name="书签名称">书签内容</a>

如果链接指向其他文件的某一部分： <a href="目标文件路径/文件名#书签名称">链接源</a>

还有一种特殊的空链接，其格式为 <a href="# ">链接源</a>

<pre></pre>：预处理，保持内容的格式

CSS样式

<style>
        body {
            color:blue;               /*定义网页文字颜色*/
            background-color:#EEE;   /*定义网页背景颜色*/
        }
        p {
            text-indent:2em;           /*文本向右缩进2个字符*/
            font-size:14px;             /*定义段落文字大小*/
        }
    </style>