HTML学习笔记1

HTML

HTML 是什么?

htyper text markup language 即超文本标记语言。

超文本: 就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

标记语言: 标记(标签)构成的语言。
什么是标签:

是由一对尖括号包裹的单词构成 例如: < html> *所有标签中的单词不可能以数字开头.
标签不区分大小写.< html> 和 < HTML>. 推荐使用小写.
标签分为两部分: 开始标签< a> 和 结束标签< /a>. 两个标签之间的部分 我们叫做标签体.
有些标签功能比较简单.使用一个标签即可.这种标签叫做自闭和标签.例如: < br/>< hr/>< input/>< img/>
标签可以嵌套.但是不能交叉嵌套. < a>< b>< a>< /b>
标签的属性:

通常是以键值对形式出现的. 例如 name=“nick”
属性只能出现在开始标签 或 自闭和标签中.
属性名字全部小写. *属性值必须使用双引号或单引号包裹 例如 name=“nick”
如果属性值和属性名完全一样.直接写属性名即可. 例如 readonly

HTML基础标签

在这里插入图片描述

<!DOCTYPE> 声明

< !DOCTYPE> 声明必须是 HTML 文档的第一行,位于 < html> 标签之前。

<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>

<body>
文档内容
</body>

</html>

< html> 标签

此元素可告知浏览器其自身是一个 HTML 文档。

与 标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体。
<html>

<head>
<title>我的第一个 HTML 页面</title>
</head>

<body>
<p>body 元素的内容会显示在浏览器中。</p>
<p>title 元素的内容会显示在浏览器的标题栏中。</p>
</body>

</html>

< head>和< title>

< head > 标签用于定义文档的头部,它是所有头部元素的容器。< head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

下面这些标签可用在 head 部分: < base>, < link>, < meta>, < script>, < style>, 以及 < title>。

< title> 定义文档的标题,它是 head 部分中唯一必需的元素。

<html>

<head>
<title>我的第一个 HTML 页面</title>
</head>

<body>
<p>body 元素的内容会显示在浏览器中。</p>
<p>title 元素的内容会显示在浏览器的标题栏中。</p>
</body>

</html>

< body>

定义文档主体

< h1> 到 < h6> 标签

在这里插入图片描述

< p>和< br> 标签

标签定义段落。

p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。
在这里插入图片描述
html里< div> < br /> < p>三者区别
一、语法不同 - TOP

div和p是成对组合闭合标签;
< br />是单一的闭合标签。

以< div>开始,< /div>结束;
以< p>开始,< /p>结束
在这里插入图片描述
div标签和p标签是用于网页布局。
div为普通布局标签,如span标签一样布局内容,设置DIV的CSS样式即可实现内容布局效果。
p标签为段落标签,通常用于文章分段。

br标签是用于内容换行。比如文字内容换行排版作用。

br可以放置到div与p中使用,同时div也可以放入p中使用,p也可以放于div中使用。
在这里插入图片描述

< hr>标签

< hr> 标签在 HTML 页面中创建一条水平线。

水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。
在这里插入图片描述

< !–…--> 标签

注释标签用于在源代码中插入注释。注释不会显示在浏览器中。

您可使用注释对您的代码进行解释,这样做有助于您在以后的时间对代码的编辑。当您编写了大量代码时尤其有用。
在这里插入图片描述
HTML 提示:使用小写标签
HTML 标签对大小写不敏感:< P> 等同于 < p>。许多网站都使用大写的 HTML 标签。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值