笔记:html+css第二课

大家好

今天我们一起来学习一下html标签,html标签是什么意思…

语法

  • HTML标签是由尖括号包围的关键词,如<html>
  • HTML标签通常是成对出现的,如<html>和</html>,称为双标签(开始标签和结束标签)
  • 有些特殊标签必须是单个标签,如<br />,称为单标签
  • 双标签关系分为两种:包含关系和并列关系

 

html标签分三大部分:

  1. 块级元素:hn(n 指的是1~6的数字)div,p,ul,ol
  2. 行内元素:del,u,b,s
  3. 行内块元素:img,dideo,aodio 

 

常用标签

标题标签<h1>-<h6>

  • 双标签
  • 标签语义:作为标题使用,并且重要性递减
  • 特点:加了标题标签的文字字体变粗、字号变大、  独占一行

段落标签<p>

  • 双标签
  • 标签语义:把文字内容分割为若干段落,有条理地显示
  • 特点:文本在一个段落中会根据浏览器窗口大小自动换行、段落与段落之间保有空隙
  • 在HTML中不管多少空格、回车都只显示一个

 

换行标签<br />

  • 单标签
  • 标签语义:强制换行
  • 特点:换行标签只是开始新的一行,跟段落不一样,段落之间会插入一些垂直距离

 

文本格式化标签

  • 双标签
  • 标签语义:突出重要性,为文字设置粗体、斜线、下划线等效果
  • 语义 标签
  • 加粗 :<strong></strong>或者<b></b>
  • 倾斜 :<em></em>或者<i></i>
  • 删除线 :<del></del>或者<s></s>
  • 下划线 :<ins></ins>或者<u></u>

<div>和<span>标签

  • 双标签
  • <div>和<span>是没有语义的,他们是一个盒子,用于布局、装内容
  • <div>类似一个大盒子,单独占一行
  • <span>类似一个小盒子,一行上可有多个<span>标签

 

好了,html标签解释到这里吧,这标签还没完,后面还有,但是我们今天就学这些吧现。在我们开始写代码吧,写几个代码了以后这些理论性的知识你们自然就懂。

首先我们打开我们的html文件夹创建一个文本文档(我们用记事本写代码),写html 基本格式。

图片[1]-笔记:html+css第二课-伊子丹网上面图片写的代码和运行结果你们看一下,网页上显示内容我们在body标签里面写,我上节课说了你们写的代码必须要写整齐,但是bodt里面随便写但是不要写错哦。

上图我写的是标题标签,其他的你们自己写试试,主要是以后用的时候那个比较适合就用那个。

现在我们看看段落标签和换行标签:

图片[2]-笔记:html+css第二课-伊子丹网

上面的图片你们也看了我用了两个段落标签,最前面形成了一个段落坐后面生成了一个段落,注意段部落标签是双标签,不要忘记啊。还有段落标签是段落与段落之间保有空隙。

换行标签:

图片[3]-笔记:html+css第二课-伊子丹网

这个换行标签是单标签,我们把换行标签加了以后后面内容从下一行开始。

换行标签和段落标签的区别就是段落标签把段落与段落之间保有空隙,但是换行标签不留空隙,段落标签是双标签,换行标签是单标签

今天的内容就到这里其他的你们自己写代码练一练。

 

温馨提示:本文最后更新于2022-09-10 23:34:07,某些文章具有时效性,若有错误或已失效,请在下方留言或联系伊子丹
------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞1 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片