您的位置:首页 > Web前端 > HTML

初步认识html

2019-08-12 21:56 78 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net/Honey_Badger_/article/details/99341207
  • 什么是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>
    <!-- 转义字符:&lt; 小于号
    &gt; 大于号
    &nbsp; 一个空格符
    &copy; 版权标志
    双标签:  i  倾斜文字
    em 同上,起到重点标注的作用
    b  加粗
    strong 同上,起重点标注作用
    u  下划线
    p   段落标签
    单标签:  br 换行
    hr 长分割线
    -->
    <h1>&lt;&lt;累了,就去看一眼山水吧&gt;&gt;</h1>
    <p>&nbsp;&nbsp;&nbsp;&nbsp;<b>当你倦累的时候,是否想过,要将自己放逐到一叶扁舟,一程山水之间,任凭苍茫的烟波将你带至远方,只要在路上,莫要停留就好。</b></p>
    
    <p>&nbsp;&nbsp;&nbsp;&nbsp;<i>生而为人其实每个人都挺不容易的</i>,在这纷繁的世间不可避免的都会被一些世俗的风气影响,<em>人们也总是有着太多难以承受的压力。</em></p>
    
    <p>&nbsp;&nbsp;&nbsp;&nbsp;<strong>读书的时候有学业的压力、工作之后有工作的压力、恋爱之后有恋爱的压力、结婚之后有家庭的压力……纵观总总,都是我们每个人一生当中所会面临和必须要经历的过程。</strong></p>
    
    <p>&nbsp;&nbsp;&nbsp;&nbsp;<u>当你经历过一些事情,有了一些年岁阅历之后,你就会深深的明白和发现很多时候许多苦是不能诉的,痛而不言是担心影响了别人的心绪,笑而不语却又憋屈着自己的心情。许多负能量到最后都只能自己一点点默默去消化和调节。</u></p>
    
    <p>&nbsp;&nbsp;&nbsp;&nbsp;所以很多人也就希望,在内心无比倦累的时候,可以暂时的远离尘嚣,择一处山水秀丽的慢城,看一程山水,让自然和山水的灵秀抚慰杂乱的心灵;亦或是归隐田园,住进青砖黛瓦的民宅,吃几天农家的素菜瓜果,感受淡然的烟火人家。</p>
    
    <p>&nbsp;&nbsp;&nbsp;&nbsp;走过岁月看淡世情的人,都明白,这一路风景,或繁华或清简,都是红尘中匆匆擦肩而过的一瞥,繁华落尽,终究还是平淡归真。我们最后内心想要的,不过也就是一粥一饭、一房一车、三餐四季,一生一世一双人,在平淡的生活里安暖,笑看人间。</p>
    
    <p>&nbsp;&nbsp;&nbsp;&nbsp;记得早年间有看过这样一篇文章,描述的是一个女人的一生,她的一生当中从开始围绕父母而活,到结婚后围绕丈夫而活、然后有了孩子之后围绕孩子而活……</p>
    
    <p>&nbsp;&nbsp;&nbsp;&nbsp;直到年老珠黄的时候才感叹自己的一生就这样过去了,直到垂垂老矣的时候才恍然悔恨的说如果有下辈子,自己的一生一定不要再这样度过。</p>
    
    <p>&nbsp;&nbsp;&nbsp;&nbsp;其实现实生活中真的有非常多这样的例子啊,我们总是在红尘中如一缕清风、一片浮云一样匆匆而过,常常忘了自己是谁,又忘记了为谁如此居无定所,颠沛流离。每天像陀螺一样的围着这转,围着那转,却把自己脱离了中心,到最后疲惫不堪、心生怨气,于是将一切的纷杂苦难,都怪罪给生活,哀叹人世为何如此不公。</p>
    
    <p>&nbsp;&nbsp;&nbsp;&nbsp;却没有想过,很多时候你如今的生活虽然不是你想要的,却一定都是自己自找的。</p>
    
    <p>&nbsp;&nbsp;&nbsp;&nbsp;不管是男人还是女人,我们都必须明白:首先我们是自己,而后才是妻子、丈夫、母亲、父亲、子女的各个角色。任何时候都不要丢失了自己,你只有活成自己,有了自己,你才能过上理想的生活,才不会被命运牵着鼻子盲目的在世间行走。</p>
    
    <p>&nbsp;&nbsp;&nbsp;&nbsp;很多人说,生活的压力让我没办法停下来,尤其是有了家庭之后,身后有家人,背后有孩子,一家老小都等着自己的赡养和照顾,根本就没有办法去想什么诗和远方,只能哀叹命运多坎,也就这能这样了。</p>
    
    <p>&nbsp;&nbsp;&nbsp;&nbsp;就像张爱玲说过的一句话:人到中年,时常会觉得孤独,因为他一张开眼睛,周围全是依靠他的人,却没有他可以依靠的人。</p>
    
    <p>&nbsp;&
    3ff7
    amp;nbsp;&nbsp;&nbsp;生活总是有这样那样的无奈,被逼着无数人,藏起了真实的自己,将最后一点闲情逸致,都付诸东风。</p>
    
    <p>&nbsp;&nbsp;&nbsp;&nbsp;有人说现在的奔忙都是为了将来过上更好的生活,的确,我们需要聊以慰藉的心态去激励自己不断前行。可是也希望感觉倦累的时候,你能够把一切看开,给自己的心灵放一个假。</p>
    
    <p>&nbsp;&nbsp;&nbsp;&nbsp;去感受一程山水,去聆听竹林清风,这不是对生活的逃避,而是对自己的一种善待。一个人只有懂得放慢自己的脚步,让压力有处释放,让心灵有所皈依,才能在纷繁的人世间洗净铅华,以一种更好的姿态归来。</p>
    
    <p>&nbsp;&nbsp;&nbsp;&nbsp;心境不同,则意境不同。就像旅行,有些人觉得旅行不过就是各大景点的拍照打卡,有些人则享受其中的过程,所遇之事物皆为良辰美景,一路随遇而安,在旅行中遇见更好的自己。</p>
    <hr>
    
    <p>&nbsp;&nbsp;&nbsp;&nbsp;“世人休说路行难,鸟道羊肠咫尺间”。生活很艰难,我们也不禁感叹漫漫人生路,犹如跨越万水千山,处处都暗藏险境,命运也常常不怀好意……纵然行走艰难,可这一切,只在咫尺间就能超脱。心态放平,则一切安然。</p>
    
    <p>&nbsp;&nbsp;&nbsp;&nbsp;在人世间看风景,在山水中观世情。别让纷繁的世间掏空内心最美好的自己,若是真的累了,不妨择一处清幽之地,寄情于山水,让自己的心灵得到片刻的宁静吧!唯有懂得释压,你才能在漫漫人生路走得更宽更远。</p>
    <h3>静夜思</h3>
    窗前明月光,<br>疑是地上霜。<br>举头望明月,<br>低头思故乡。
    </body>
    </html>
    • 标签分类 块级标签: 总是在新行上开始,占据一整行。
    • 宽度默认是与父级元素宽度一样,与内容无关,可以设置宽高
    • 可以容纳内联元素与其他块元素
    • 常见块级标签:hl,p,div,ul,ol,li,dl,hr
  • 行内标签
      默认从左到右一行排列
    • 宽高由内容决定,无法设置宽高
    • 只能容乃文本或其他行内元素
    • 常见行内标签:a,span
  • 行内块级标签
      默认宽高由内容决定,可以设置宽高
    • 从左到右在一行排列
    • 常见行内块级标签:img,input
  • 内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
    标签: