Html基础

发表于 | 分类于

向前看，迎着困难与嘲笑

一，HTML概述

  • HTML超文本标记语言： 除了

    HTML：本质是表达文本语义
CSS ：负责描述页面的样式
js  ：负责描述页面的动态效果的

二，HTML骨架

2.0 如下图所示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="Keywords" content="网易,邮箱" />
    <meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱" />
    <title>Title</title>
</head>
<body>

</body>
</html>
2.1 HTML文档声明头
<!DOCTYPE ....
文档声明：此标签告诉浏览器使用了哪种的规范（html，xhtml等）
2.2 HTML字符集
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
2.3 HTML关键字和搜索页面
<meta name="Keywords" content="网易,邮箱" />
<meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱" />

三，标签

3.1 p标签
p是一个文本标签，只能放文字，图片，表单元素
3.2 img标签
<img src="图片路径" alt="图片加载失败后的描述"/>
3.3 a标签
<a href="地址" title="" target="">文本描述</a>
3.4 列表
<ul>
    <li></li>
</ul>

<ol>
    <li></li>
</ol>

<dl>
    <dt></dt>
    <dd></dd>
</dl>
3.5 div和span
div 标签是一个容器及标签 什么都可以放，甚至可以放div自己
span 里面只能放置文字，图片，表单元素