01-HTML基础与进阶-day2-HTML第一讲

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<h1>西红柿首富</h1>
	<h2>西红柿首富</h2>
	<h3>西红柿首富</h3>
	<h4>西红柿首富</h4>
	<h5>西红柿首富</h5>
	<h6>西红柿首富</h6>
	<hr />
	<p>文字</p>
	<p>第一段文字</p>
	<p>第二段文字</p>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<h1>40度，创历史新高</h1>
	<p>2018年8月11号 10:30:23 来源:新华网</p>
	<hr />
    <p>今天热</p> 
	<p>今天热啊</p>
	<p>今天热热热</p>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	今天是一个伟大的日子<br /> 
	我开始学习html
	<h2>中国四大美女</h2>
	1. 貂蝉 <br />
	2. 王昭君 <br />
	3. 杨玉环 <br />
	4. 凤姐 <br />


    <div>
    	我是哆啦A梦
    	<p>文字</p>
    </div>	 
    <div>
    	<div>内部的div</div>
    </div>  
    <span>文字 或图片 或表单</span>
</body>
</html>

一个人只能进一个群
听课不影响资料共享
========================================
一 HTML
1.1 含义
1.2 基本骨架
<html>
<head>
<title></title>
</head>
<body>
网页要显示的内容
</body>
</html>

html5基本骨架
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>

</body>
</html>

<!DOCTYPE html> DTD 文档类型说明
<meta charset="UTF-8"> 字符集设置 UTF-8是支持绝大数语言

假如大家用sublime,快捷方式html:5 按住tab或ctrl+E
1.3 编辑器
记事本 sublime vscode(IDE) Hbuilder webstorm ...

1.4 常用标签
标题标签 h1~h6 双标签 <h1></h1> 开始标签和结束标签
Q：请谈谈你对标题标签的理解？
从语义的角度回答标题标签给文本赋予标题的含义
SEO
划线标签 <hr /> 单标签了解线条以后用css完成
段落标签 <p></p> 双标记

换行标签 <br /> 单标签
div和span标签无语义的标签实在找不到标签表示的时候考虑用div和span
图像标签 <img /> 单标签
超链接 <a /> 应用锚点

1.5 标签属性