https://www.bilibili.com/video/BV14J4114768?from=search&seid=7414934535567866567&spm_id_from=333.337.0.0<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>标题</title>
</head>
<body>
<h1>人民日报</h1>
<p>要全面把握依法治军战略。要贯彻新时代党的强军思想国要求</p>
</body>
</html>
<!DOCTYPE html> 文档类型声明标签，告诉浏览器这个页面是采用html5
<html lang= "en">告诉浏览器是英文网页（仍可采用其他语言）
<meta charset="UTF-8" />必须写。采用UTF-保存文字。（UTF-8 万国符）
!+回车 自动生成骨架
html常用标签
标题标签<h1> - <h6>
h - head
1~6 - 一~六级标签，从重要程度依次递减
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>标题</title>
</head>
<body>
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
</body>
</html>
段落和换行标签
段落标签：<p> </p>
换行标签：<br />
html只显示一个空格，多个空格自动省略
文本在浏览器中自动换行
段落之间有较大空隙
文本格式化标签
| 加粗 | <strong></strong>或者<b></b> |
| 倾斜 | <em></em>或者<i></i> |
| 删除线 | <del></del>或者<s></s> |
| 下划线 | <ins></ins>或者<u></u> |
<div>和<span>标签
盒子用来装内容
div块元素
span行内元素
图像标签和路径
1.图像标签
<img>
<img src="图像URL" />
src用于指定图像文件的路径和文件名
| 属性 | 属性值 | 说明 |
|---|---|---|
| src | 图片路径 | 必须属性 |
| alt | 文本 | 替换文本。图像不能显示的文字 |
| title | 文本 | 提示文本。鼠标放到图像上，显示的文字 |
| width | 像素 | 设置图像的宽度 |
| height | 像素 | 设置图像的高度 |
| border | 像素 | 设置图像的边框粗细 |
2.路径
| 同一级路径 | <img src="baidu.gif" />或<img src="./baidu.gif" /> |
| 下一级路径 | <img src="images/baidu.gif" />或<img src="./images/baidu.gif" /> |
| 上一级路径 | 图像文件位于HTML文件上一级如<img src="../baidu.gif" />。 |
184
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
