第一天学习H5的萌新

根据自己学习的进度，做了一个小小的总结。

一、基础

doctype是文档类型

head是头

head里面的title是页面标题

meta charset=”utf-f” 设置编码方式

body是页面内展示的内容

br在要换行的后面输入

&nbsp空格，多个空格用；分开

&emsp一个中文大小的空格

&ensp半个中文大小的空格

二、常用标签

H1~h6逐渐减小，可实现自动换行，有行高，双标签

<p></p>是段落，双标签，有行高,自动换行

文本格式化标签

<b></b>是加粗，双标签，

<i></i>em是倾斜，双标签，不能实现换行，没有行高

&nbsp;  空格    &copy;  版权©   &reg； 商标®

三、超链接

<a></a>超链接，在第一个里面输入属性：

Title悬停时的提示信息

href=“网址”

targey（设置网页的打开方式）=“_self（默认）”从网页内打开

Title=“鼠标放上提示”

可以再头部统一设置打开方式<base target=“_blank（新窗口打开）”>从新窗口打开

四、图片

<img src=”图片地址” title=“鼠标悬停上去之后的提示信息”  alt=“图片加载失败之后的提示信息"/>

width=“宽度xp”设置宽度

height=“设置高度xp”（高和宽不能同时修改）

Border=“给图片加一个边框xp”

src 代表图片的地址

相对路径

1. 图片在html同一文件夹内可直接输入图片名称
2. 图片位于html文件的下一级或者多级文件时，去掉html和图片相同的部分，然后保留不同路径+图片名
3. 图片位于html文件上一级或多级的时候../（上一级）上两级两个../../

绝对路径

1. 相对于电脑而言：复制图片的地址+图片的名称
2. 相对于网络而言：

分割线

<hr>单标签，可以实现换行

属性：width宽度 color颜色 【切记不可通过属性设置高度】

五、列表

无序

<ul>

  <li></li>

</ul>

有序

<ol>

  <li></li>

</ol>

自定义

<dl>

  <dt>文字或图片</dt>

  <dd>文字内容</dd>

</dl>