HTML基础知识（二）

*在说明前我先，说一个题外话：新手编写HTML时可能会出现乱码的情况，这个原因主要是HTML保存的编码格式和浏览器解码时的编码格式不同
< meta>标签的charset属性可以设置解决

标签

标签是HTML的核心，要理解各个标签的用法。这篇文章主要讲常见的标签举个例子；比如：< 标签> 标签内容< /标签>

• < html>这个是HTML的根标签，按标准来写所有内容应该写在这个标签里。（除了定义文档声明< !DOCTYPE html>）
• < !DOCTYPE html > ：文档声明（html现在主要有html4,xhtml,heml5)如果不声明，可能出现“怪异模式”。
• < head>：网页头，其中主要写搜索引擎相关的东西。
• < meta>:属性有name,content。
  可以用来设置网页关键字name=“keywords” contnet=“关键字1,关键字2,关键字3”
  可以设置描述name=“description” contnet=“描述内容”
  可以设置请求重定向name=“refresh” contnet=“5;url=http://www.baidu.com”
• < title>：网页的标题（搜索引擎主要检索标题，影响排名）
• < body>：主要内容在body中写
• < h1>：网页内容的标题在body中写，从< h1>到< h6>都有1-6重要性依次降低（一般只能有一个h1,这个标签内容同样影响排名）
• < p>：用来表示段落p标签独占一行（如果不够一行）,段落之间有空白，字符之间连续出现多个空格视作一个，换行也是为空格。
• < br>/< br />:换行标签
• < hr>:水平线分割线标签。
• < b>:加粗，现在通常用来代替
• < img>:引入图片（< img>也是自结束的标签）
  图片格式：支持JPEG(支持颜色多，可以压缩，不支持透明,一般保存照片),GIF(支持颜色少,只支持简单的透明，支持动态图,一般用于颜色单一动态图),PNG(颜色多，支持复杂透明)
  适用原则：效果不同，优先取好。效果一样，优先取小。
  src:外部图片的路径;
  相对路径：相对于当前资源所在路径下的路径；
  绝对路径：从盘符开始的路径；
  alt:可以设置在图片不能显示时用来描述的字（搜索引擎可以通过alt属性识别不同图片）
  width：修改图片宽度
  heighth:修改图片高度，一般用ps作为单位。
  当宽度和高度属性只设置一个，另一个也会按比例调整大小。
  除了自适应的页面，一般不调整大小
• < a href=“网站路径” target="" title=“鼠标经过时的提示文字”>显示文字< /a>
  互联网地址格式：http://域名
  本地地址格式：文件路径
  target:创建新窗口，取值有_blank,_self
  name:``锚点名称.
  1.用id <a href="#66"><h1>a</h1></a> <h3 id="66">d</h3>
  2.<a href="#66"><h1>a</h1></a> <a name="66"><h3 >d</h3></a>
  可完成由a跳转到d.
• < iframe>:内联框架，例如 <iframe src="新建文本文档.htm" name=acc></iframe>

小问题

在html中<>都用作标签此时需要实体字符（类似于转义字符)
&+实体名+;
下面引号中的字符串表示前面的字符

• ’ ’ :"&nbsp";
• ‘>’ :"&gt";
• ‘<’ :"&lt";
• ©:"&copy";

更多的还是得查找参考手册