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 标签。