HTML API学习 -- (一)

1.HTML的声明

<!DOCTYPE html>  HTML5的生命方式

2.中文编码

<meta charset="utf-8">  防止中文乱码,有的浏览器要使用GBK防止中文乱码

3.HTML元素

开始标签 <p>

结束标签 </p>

空标签 <br/>

无内容标签 <p></p>

属性 <p id="myp">有内容</p>

有内容标签 <p>有内容</p>

注意:W3C推荐HTML的标签使用小写

4.HTML的属性

属性要小写

属性值使用" "来修饰

常用属性:

            HTML API学习 -- (一)

5.HTML标题

            HTML API学习 -- (一)

            ①标题

作用:

标题是搜索引擎搜索的重要元素之一,标题概括得好,那么被搜索到的机率也就大

②水平线

<hr>

③注释

查看源码的时候,便于快速的理解代码,不会出现在用户视野中。

6.HTML段落

<p></p>

注意:

①一个段落标签占用一行

②html中的再多空格和换行,浏览器解析之后都会转换成一个空格。要想使用空格&nbsp;换行<br>

7.HTML格式化

           HTML API学习 -- (一)

           HTML API学习 -- (一)

8.HTML超链接

①格式: <a href="http://www.baidu.com/">百度一下</a>

②链接的跳转方式 target

<a href="http://www.baidu.com/" target="_blank"></a>

③跳转id

<div id="my-div">内容 。。。</div>

<a href="#my-div">跳转到id=my-div的div标签</a>

9.HTML头部

            HTML API学习 -- (一)

①base:   <base href="http://www.runoob.com/images/" target="_blank">

②meta(元数据):这个元素中的内容也是搜索引擎关注的重点之一

<meta name="keyword" content="内容">

<meta http-equiv="refresh" content="30">   30秒刷新一次页面

10.HTML图像 <img />

属性:

   alt:当图片不显示的时候,替换图片的文本内容

   width:宽度

   height:高度

   src: 图片的资源地址

注意:如果一个页面中有10张图片,那么html加载需要11个文件,因此图片要慎用。

11.HTML颜色  http://www.runoob.com/html/html-colors.html

12.HTML字符实体

           由于html使用了很多的标点符号,所以会出现冲突的时候,所以很多符号用不了。html将其整理,用另外一种形式将其展示。

          HTML API学习 -- (一)