HTML常用代码

网页制作基础学习

一、介绍

1.HTML5的优势：
  1. 化繁为简
  2. 跨平台
  3. 跨浏览器
  4. 功能强大，新增特性
2.HTML基本结构
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html lang="en">
	<head>
	<meat charset="UTF-8">
	<title>网页标题</title>
	</head>
	<body>
	我的第一个网页 
	</body>
</html>

<!DOCTYPE html>文档类型声明
<html lang="en">语言类型声明
<head><head>头部
<body><body>主体

二、标签

  1. 标题标签
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    标题标签，用于定义网页的标题
    <h1></h1>
    <h2></h2>
    <h3></h3>
    <h4></h4>
    <h5></h5>
    <h6></h6>
    h1最大，h6最小

    特点：
    1.会将文字自动加粗及放大
    2.独占一行，属于块级标签
  2. 段落标签
    1
    2
    3
    4
    <p></p>
    特点：
    1.对字段对照网页大小进行自适应分段
    2.属于块级标签，独占一行
  3. 换行标签
    1
    2
    <br/>
    用于手动将页面内容换行
  4. 水平线标签
    1
    2
    <hr/>
    在界面中添加水平线
  5. 字体样式标签
    1
    2
    3
    4
    <strong>加粗</strong>
    <b>加粗</b>
    <em>倾斜</em>
    <i>倾斜</i>
  6. 注释标签
    1
    <!--注释-->
  7. 字符实体
    1
    2
    3
    4
    5
    &nbsp; 空格
    > 大于>
    < 小于<
    " "引号
    &copy; 版权符号
  8. 图像标签
    1
    <img scr="路径(绝对路径/相对路径)">
  9. 超链接标签
    1
    2
    3
    4
    <a href="连接地址" taret="">  </a>
    taret属性常用值
    _self:在当前窗口打开目标页面
    _blank:在新窗口打开目标页面