html 加粗_html基础知识之三(小白)

一、上节课知识的复习

  • 一定要会用Chrome浏览器审查别人的网页,还有自己的项目,排错的功能,快捷键是F12
  • 2008年诞生的谷歌浏览器,一诞生就解决了原来前端工程师调试难的问题。
  • 插入图片,页面中能够插入的图片类型:jpg、jpeg、bmp、png、gif;不能的psd、fw。

二、表格复习

  • 单元格的合并,单元格的合并属性,colspan、rowspan。一定要写在td或者th上,tr是没有这两个属性的。colspan我们叫做列跨度,rowspan行跨度。这两个属性,都是小格格的属性,而不是“行”的属性。
  • 一个完整的表格,是有caption、thead、tbody三个部件的:thead就是表格头部体的意思,tbody就是表格内容体的意思,caption就是表格标题(应该把带有th的放在thead中,把td放在tbody中)

0035c54b642ded3fb9bea6524c74f446.png

三、div和span标签

3.1 div标签

  • div是division分割的意思,在页面上表示容器,将相同语义的一组元素放在同一个div里面。div是典型的容器级标签,可以包裹任何东西。语义上来说,所有相同语义、相关的语义的元素,都要放到一个div里面。
  • div标签,浏览器没有任何的默认样式。div这个东西能够把层次分的很清楚。

9e8ae588aa515c8845aaee28e80f6f6d.png

3.2 span标签

  • span表示跨度,就是文本级的div。就是把一些语义相近、功能相同的文本标签,都包裹在一起。注意,直觉上觉得span比a大,比p小。span也没有任何的默认样式。span单独使用没有什么意义,都是配合样式表使用的。

f17893aabcfafb13900f0d4d0fa2ad55.png

四、HTML杂项

4.1 注释

  • 任何的语言都有注释,注释是不会当做程序执行的,是给程序员自己看的。 HTML中,注释的语法:<!--这是网页的头部--> 换行是合法的: <!--这是网页的内容 阿拉拉了-->
  • 写一些注释,对代码的清晰度、可读性有很大的提升。
  • sublime中,按ctrl+/ , 能够快速输入一个注释。为了方便调试代码,经常会把一些代码注释掉,集中精力看其余的代码。

4.2 字符实体

  • 也叫作转义字符。
  • <div> 好高兴啊,今天老师教会我们<h1>是主标题的意思,我真开心呀!</div> 也就是说,在写HTML页面的时候,经常会有误会,比如<就正常出现。那么为了防止HTML页面认为这是一个标签,所以就应该写成转义字符。
  • 所有的转义字符,都是这样的格式: &字母; &lt; 就是< , lt就是英语less than小于 &gt; 就是> , gt就是英语greater than大于 &copy; 就是© 版权符号 &nbsp; 就是空格
  • 其他的表示从W3School中查找,在HTML-ISO-8859-1中有相关的内容

c4d81a78678470ff7cd9fc839afec462.png

五、废弃标签介绍

  • 你会发现,现在的HTML标签只负责语义、结构。不负责样式的。但是在2008之前,HTML也是负责样式的。但是HTML中,有一些标签,具有浓郁的样式色彩。就是这个标签,不是负责语义的,而是负责样式的,2008年开始,坚决的废弃掉了这些标签,用CSS来替代他们的功能。
  • <b></b>(加粗)<u></u>(下划线)<i></i>(倾斜)<del></del>(删除)丝毫看不出语义,只有样式,所以是被废弃了!这些标签,我们还有点用,当做CSS钩子,什么是钩子,以后再说!
  • 还有一些标签,是擦边球,就是自己也有一些语义,但是也有一些样式色彩,这些标签是可以合理使用的: <p><strong>我是一个文字</strong></p> (加粗) <p><em>我是一个文字</em></p> (倾斜) strong是强壮的意思,表示要强调的语义;m是emphasize的意思,也是强调的意思。strong、em要比b、i 好。
  • HTML在现在的社会,就是负责页面语义和结构的,所以标签极大的简化。页面上常用的标签实际上就几个:容器: div、li、dt、dd、td;放文字的: h系列、p、span、a;文本流: img、input当做css钩子: b、u、i

最后最后强调一下,HTML放什么标签,不是看什么样子,要看语义!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值