- 什么是HTML
- HTML是指超文本标记语言（Hyper Text Markup Language）
- HTML是用来描述网页的一种语言
- HTML文档基本结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>网页标题</title>
</head>
<body>
</body>
</html>
- 结构详解
- < !DOCTYPE html> 声明必须是HTML文档的第一行，位于< HTML>标签之前。
- < !DOCTYPE html>声明不是HTML标签，它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令
- < HTML >与< /HTML >标签限定了文档的开始点和结束点
- < head >元素定义文档的头部，它是所有头部元素的容器。< head >中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供原信息等。
- 文档的头部描述了文档的各种信息，包括文档的标题、在web中的位置以及和其他文档的关系等。
- body 元素定义文档的主体
- body元素包含文档的所有内容
- < meta charset=“UTF-8”>用于指定使用的字集。
- title元素可以定义文档的标题
- 标签、元素
- HTML的标签是由尖括号包围的关键词，比如< HTML >
- HTML的标签通常是成对出现的，比如< b >和< /b >
- 标签对中的第一个标签是开始标签，第二个标签是结束标签
- 开始标签和闭合标签也叫开放标签和闭合标签
- 单个出现的标签叫做单标签或空标签
- 元素：一个完整的标签和标签里的内容整体被称为一个元素
- 常见使用标签
-
1.h1-h6 标题标
双标签 有默认样式 字体变粗 变大 变黑 会自动换行
一般一个页面中h1只使用一次 h2-h6可以重复使用 -
2.p 段落标签
双标签 有默认的样式 会自动换行 -
3.常见的实体字符
- & nbsp; 空格
- & gt; 大于号
- & lt; 小于号
- & copy; 版权标志
-
4.i 标签 b标签 em 标签 strong标签 u标签
- i标签 单纯的字体斜体
- em 也是斜体 只不过具有强调意义
- b 加粗
- strong 加粗 具有强调意义
- u 下划线
- 以上都是双标签
-
5.br hr
- 都是单标签
- br 强制换行
- hr 水平线
-
6.img 图片标签
- 属性：
- src 图片的地址
- title 鼠标移入的提示信息
- alt 图片加载失败时的替代内容
- 属性：
-
- 下面是HTML标签练习
<!-- 这是个文档声明，表明所用版本协议 -->
<!DOCTYPE html>
<html>
<head>
<!-- 文字编码格式与网页标题 -->
<meta charset="utf-8">
<title>标签练习</title>
</head>
<body>
<!-- 转义字符：< 小于号
> 大于号
一个空格符
© 版权标志
双标签： i 倾斜文字
em 同上，起到重点标注的作用
b 加粗
strong 同上，起重点标注作用
u 下划线
p 段落标签
单标签： br 换行
hr 长分割线
-->
<h1><<累了，就去看一眼山水吧>></h1>
<p> <b>当你倦累的时候，是否想过，要将自己放逐到一叶扁舟，一程山水之间，任凭苍茫的烟波将你带至远方，只要在路上，莫要停留就好。</b></p>
<p> <i>生而为人其实每个人都挺不容易的</i>，在这纷繁的世间不可避免的都会被一些世俗的风气影响，<em>人们也总是有着太多难以承受的压力。</em></p>
<p> <strong>读书的时候有学业的压力、工作之后有工作的压力、恋爱之后有恋爱的压力、结婚之后有家庭的压力……纵观总总，都是我们每个人一生当中所会面临和必须要经历的过程。</strong></p>
<p> <u>当你经历过一些事情，有了一些年岁阅历之后，你就会深深的明白和发现很多时候许多苦是不能诉的，痛而不言是担心影响了别人的心绪，笑而不语却又憋屈着自己的心情。许多负能量到最后都只能自己一点点默默去消化和调节。</u></p>
<p> 所以很多人也就希望，在内心无比倦累的时候，可以暂时的远离尘嚣，择一处山水秀丽的慢城，看一程山水，让自然和山水的灵秀抚慰杂乱的心灵；亦或是归隐田园，住进青砖黛瓦的民宅，吃几天农家的素菜瓜果，感受淡然的烟火人家。</p>
<p> 走过岁月看淡世情的人，都明白，这一路风景，或繁华或清简，都是红尘中匆匆擦肩而过的一瞥，繁华落尽，终究还是平淡归真。我们最后内心想要的，不过也就是一粥一饭、一房一车、三餐四季，一生一世一双人，在平淡的生活里安暖，笑看人间。</p>
<p> 记得早年间有看过这样一篇文章，描述的是一个女人的一生，她的一生当中从开始围绕父母而活，到结婚后围绕丈夫而活、然后有了孩子之后围绕孩子而活……</p>
<p> 直到年老珠黄的时候才感叹自己的一生就这样过去了，直到垂垂老矣的时候才恍然悔恨的说如果有下辈子，自己的一生一定不要再这样度过。</p>
<p> 其实现实生活中真的有非常多这样的例子啊，我们总是在红尘中如一缕清风、一片浮云一样匆匆而过，常常忘了自己是谁，又忘记了为谁如此居无定所，颠沛流离。每天像陀螺一样的围着这转，围着那转，却把自己脱离了中心，到最后疲惫不堪、心生怨气，于是将一切的纷杂苦难，都怪罪给生活，哀叹人世为何如此不公。</p>
<p> 却没有想过，很多时候你如今的生活虽然不是你想要的，却一定都是自己自找的。</p>
<p> 不管是男人还是女人，我们都必须明白：首先我们是自己，而后才是妻子、丈夫、母亲、父亲、子女的各个角色。任何时候都不要丢失了自己，你只有活成自己，有了自己，你才能过上理想的生活，才不会被命运牵着鼻子盲目的在世间行走。</p>
<p> 很多人说，生活的压力让我没办法停下来，尤其是有了家庭之后，身后有家人，背后有孩子，一家老小都等着自己的赡养和照顾，根本就没有办法去想什么诗和远方，只能哀叹命运多坎，也就这能这样了。</p>
<p> 就像张爱玲说过的一句话：人到中年，时常会觉得孤独，因为他一张开眼睛，周围全是依靠他的人，却没有他可以依靠的人。</p>
<p> 生活总是有这样那样的无奈，被逼着无数人，藏起了真实的自己，将最后一点闲情逸致，都付诸东风。</p>
<p> 有人说现在的奔忙都是为了将来过上更好的生活，的确，我们需要聊以慰藉的心态去激励自己不断前行。可是也希望感觉倦累的时候，你能够把一切看开，给自己的心灵放一个假。</p>
<p> 去感受一程山水，去聆听竹林清风，这不是对生活的逃避，而是对自己的一种善待。一个人只有懂得放慢自己的脚步，让压力有处释放，让心灵有所皈依，才能在纷繁的人世间洗净铅华，以一种更好的姿态归来。</p>
<p> 心境不同，则意境不同。就像旅行，有些人觉得旅行不过就是各大景点的拍照打卡，有些人则享受其中的过程，所遇之事物皆为良辰美景，一路随遇而安，在旅行中遇见更好的自己。</p>
<hr>
<p> “世人休说路行难，鸟道羊肠咫尺间”。生活很艰难，我们也不禁感叹漫漫人生路，犹如跨越万水千山，处处都暗藏险境，命运也常常不怀好意……纵然行走艰难，可这一切，只在咫尺间就能超脱。心态放平，则一切安然。</p>
<p> 在人世间看风景，在山水中观世情。别让纷繁的世间掏空内心最美好的自己，若是真的累了，不妨择一处清幽之地，寄情于山水，让自己的心灵得到片刻的宁静吧！唯有懂得释压，你才能在漫漫人生路走得更宽更远。</p>
<h3>静夜思</h3>
窗前明月光，<br>疑是地上霜。<br>举头望明月，<br>低头思故乡。
</body>
</html>
- 标签分类
- 块级标签：
- 总是在新行上开始，占据一整行。
- 宽度默认是与父级元素宽度一样，与内容无关，可以设置宽高
- 可以容纳内联元素与其他块元素
- 常见块级标签：hl,p,div,ul,ol,li,dl,hr
- 行内标签
- 默认从左到右一行排列
- 宽高由内容决定，无法设置宽高
- 只能容乃文本或其他行内元素
- 常见行内标签：a,span
- 行内块级标签
- 默认宽高由内容决定，可以设置宽高
- 从左到右在一行排列
- 常见行内块级标签：img,input
- 块级标签：
236
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
