<!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" />。 |