HTML主要标签应用

HTML属性

属性一般描述于开始标签

属性总是以名称/值对的形式出现，比如：name="value"。

HTML颜色

1、英文单词表示。 red、green

<p style="color:red">红色</p>

2、16进制代码（0-f），用“#”加六位16制代码表示。例如：#cccccc（相同可简写#ccc）、#000000（#000）

<h1 style="color:#cccccc">灰色</h1>

3、rgba（0~255,0~255,0~255,0~1），四位数表示。其中0~255代表颜色，0~1代表透明度。

<h1 style="color:rgba(255,0,0,0.5)>红色</h1>

HTML路径

绝对路径：从根开始找，电脑磁盘路径

列如：E:\workspace\0601\html

相对路径：从自身位置开始找

同级文件夹 ./ （可省略）

上一级文件夹 ../

下一级文件夹 ./

HTML实体

HTML 中的预留字符必须被替换为字符实体。

一些在键盘上找不到的字符也可以使用字符实体来替换。

如需显示小于号，我们必须这样写：< 或< 空格：  

<a>标签

<a> 标签定义超链接，用于从一个页面链接到另一个页面。

自带 href 属性，它指定链接的目标。

1、页面跳转

<a href="网址">内容</a>-----注意网址的完整性

<a href="http://www.baidu.com"> 百度链接</a>

重要属性 target ，打开方式设定，默认在当前页打开，属性值：_blank 跳转页面打开

用图像作为超链接

嵌套<img>标签

格式:<a href="URL"><img src="URL"></a>

注意点:边框的问题.

2、定位

设置锚点

在要定位到的位置找一个标签给他加id属性属性值就是锚点名称

点击链接直接到定位锚点

<a href="#xx">定位</a>     ---链接点
...
<p id=xx>定位处内容</p>     ---锚点

3、下载。其他

<a>标签跳转到的文件，格式浏览器打不开，则提供下载，例如：.zip、.rar等压缩包

<iframe>标签窗口框架

在网页页面内放置另外页面

<iframe src="http://www.w3cschool.cc/"></iframe>

<img>标签

<img> 标签定义 HTML 页面中的图像。

<img> 标签有两个必需的属性：src 和 alt。

属性名	属性值	说明
src	URL	图片的路径
alt	字符串	给图片做注解
width	像素（绝对设置）、百分比（相对设置）	图像大小，图像的宽
height	像素（绝对设置）、百分比（相对设置）	图像大小，图像的高

<img src="123.gif" alt="Smiley face" width="150" height="150">

width和height可只写一个，保持图片原比例。

属性名	属性值	说明
border	数字	图象边框
align	left	图象靠左,文字靠右
	right	图片靠右,文字靠左
	top	文字往上靠
	middle	文字靠中
	bottom	文字靠下

列表标签<ol>、<ul>、<li>

<ol>与<ul>的内容只能是<li>，其他所有标签、内容，需要嵌套在<li>里面。

有序列表<ol>

<ol type=”形式”>


  <li>内容</li>


  <li>内容</li>


  <li>内容</li>


</ol>

无序列表用<ul>

<ul>


  <li>内容</li>


  <li>内容</li>


  <li>内容</li>


</ul>

为网站添加图标

使用<link>标签

属性：rel="shortcut icon"

图片必须为.ico格式，可网上制作。

背景色与文字设置

格式：<body bgcolor=”背景色” text=”文字颜色”>

内容距离整体页面的边距，行距

自我学习问题：

1、字体颜色设置，可以用,复制style属性

不能单独一行，可用 断行

一段文字中只需要几个字变色时，可以嵌套在中

<p>内容1
   <span style=“color:blue”>内容2 </span>
     内容3
</p>

2、起文件名尽量，不要有中文

3、注意代码格式的书写，美观

4、注释符号

HTML主要标签应用

为网站添加图标

推荐阅读