初步认识html
2019-08-12 21:56
78 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/Honey_Badger_/article/details/99341207
HTML文档基本结构
标签、元素
HTML的标签通常是成对出现的,比如< b >和< /b >
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始标签和闭合标签也叫开放标签和闭合标签
单个出现的标签叫做单标签或空标签
元素:一个完整的标签和标签里的内容整体被称为一个元素
常见使用标签
& gt; 大于号
& lt; 小于号
& copy; 版权标志
em 也是斜体 只不过具有强调意义
b 加粗
strong 加粗 具有强调意义
u 下划线
以上都是双标签
br 强制换行
hr 水平线
title 鼠标移入的提示信息
alt 图片加载失败时的替代内容
下面是HTML标签练习
行内标签
宽高由内容决定,无法设置宽高
只能容乃文本或其他行内元素
常见行内标签:a,span
行内块级标签
从左到右在一行排列
常见行内块级标签:img,input
- 什么是HTML HTML是指超文本标记语言(Hyper Text Markup Language)
- 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 >
1.h1-h6 标题标
双标签 有默认样式 字体变粗 变大 变黑 会自动换行
一般一个页面中h1只使用一次 h2-h6可以重复使用
2.p 段落标签
双标签 有默认的样式 会自动换行
3.常见的实体字符
& nbsp; 空格4.i 标签 b标签 em 标签 strong标签 u标签
-
i标签 单纯的字体斜体
5.br hr
-
都是单标签
6.img 图片标签
-
属性:
src 图片的地址
<!-- 这是个文档声明,表明所用版本协议 --> <!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> & 3ff7 amp;nbsp; 生活总是有这样那样的无奈,被逼着无数人,藏起了真实的自己,将最后一点闲情逸致,都付诸东风。</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
-
默认从左到右一行排列
-
默认宽高由内容决定,可以设置宽高
相关文章推荐
- HTML初步认识
- 我对html的初步认识
- HTML初步认识
- 网页制作学习1----初步认识javascript和html
- html的标签的初步认识
- 兄弟连学Python(4)—Python前端HTML与CSS初步认识
- Lesson_for_java_day01---html初步认识
- HTML初步认识
- 初步认识HTML,走入WEB前端的第一步
- 前端HTML与CSS初步认识
- HTML初步认识
- 初步认识html以及表格的制作
- HTML学习之Css基本语法、样式表和选择器的初步认识
- 初步认识《linux》的总结。
- 初步认识 LESS,我要开始学习LESS啦!
- 初步认识Linux
- 网络编程初步认识(一)
- Java中注释/**@hide*/的初步认识
- servlet初步认识
- 初步认识Ehcache