HTML第一课

HTML初识!

HTML 指的是超文本标记语言 (Hyper Text Markup Language)是用来描述网页的一种语言。
HTML 不是一种编程语言,而是一种标记语言 (markup language) 。
标记语言是一套标记标签 (markup tag)

所谓超文本,有2层含义:

1.因为它可以加入图片、声音、动画、多媒体等内容(超越文本限制 )
2. 不仅如此,它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接(超级链接文本 )。

HTML 有自己的语言语法骨架格式
在这里插入图片描述

html骨架标签总结

HTML标签:页面中最大的标签,我们称为根标签
文档的头部:注意在head标签中我们必须要设置的标签title
文档的标题:让页面拥有一个属于自己的网页标题
文档的主题:元素包含文档的所有内容,页面内容基本都是放到body里面的
在这里插入图片描述

HTML元素标签分类

标签:
在HTML页面中,带有“< >”符号的元素被称为HTML标签,如上面提到的 、、都 是HTML骨架结构标签
分类:

  1. 常规元素(双标签)
    该语法中“<标签名>”表示该标签的作用开始,一般称为“开始标签(start tag)”,“</标签名>” 表示 该标签的作用结束,一般称为“结束标签(end tag)”。 和开始标签相比,结束标签只是在前面加了一个关闭符“/”。 我们以后接触的基本都是双标签
    2.空元素(单标签)
    空元素 用单标签来表示, 简单点说,就是里面不需要包含内容, 只有一个开始标签不需要关闭。 这种单身狗标签非常少,一共没多少,我们多记忆就好

HTML标签关系:
嵌套关系
并列关系

HTML常用标签

1.1 排版标签
排版标签主要和css搭配使用,显示网页结构的标签,是网页布局最常用的标签
1)标题标签h (熟记)
单词缩写: head 头部. 标题 title 文档标题 为了使网页更具有语义化,我们经常会在页面中用到标题标签,HTML提供了6个等级的标题,即
标题标签语义: 作为标题使用,并且依据重要性递减
在这里插入图片描述

标题文本

标题文本

标题文本

标题文本

标题文本
标题文本
小结 : 加了标题的文字会变的加粗,字号也会依次变大 一行是只能放一个标题的 2)段落标签p ( 熟记) 单词缩写: paragraph 段落 [ˈpærəgræf] 无须记这个单词 3)水平线标签hr(认识) 单词缩写: horizontal 横线 [ˌhɔrəˈzɑntl] 同上 4)换行标签br (熟记) 单词缩写: break 打断 ,换行 5)div 和 span标签(重点) div span 是没有语义的 是我们网页布局主要的2个盒子 想必你听过 css+div div 就是 division 的缩写 分割, 分区的意思 其实有很多div 来组合网页。 span 跨度,跨距;范围

div标签 用来布局的,但是现在一行只能放一个div span标签 用来布局的,一行上可以放好多个spa

排版标签总结

标题标签 作为标题使用,并且依据重要性递减
段落标签 可以把 HTML 文档分割为若干段落
水平线标签 没啥可说的,就是一条线
换行标签
div标签 用来布局的,但是现在一行只能放一个div
span标签 用来布局的,一行上可以放好多个span

1.2 文本格式化标签
在这里插入图片描述
1.4 图像标签img (重点)
单词缩写: image 图像
要想在网页中显示图像就需要使用图像标签,接下来将详细介绍图像标签以及和他相关的属性。(它是 一个单身狗)
在这里插入图片描述
1.5 链接标签(重点)
单词缩写: anchor 的缩写 [ˈæŋkə®] 。基本解释 锚, 铁锚 的
在HTML中创建超链接非常简单,只需用标签把文字包括起来就好

1.6 注释标签
在HTML中还有一种特殊的标签——注释标签。如果需要在HTML文档中添加一些便于阅读和理解但又 不需要显示在页面中的注释文字,就需要使用注释标签。

猜你喜欢

转载自blog.csdn.net/weixin_50613702/article/details/108436076
今日推荐