当前位置:首页 > Web开发 > 正文

html学习一

2024-03-31 Web开发

简介 <html> <body> <h1>标题</h1> <p>段落</p> </body> </html> 什么是HTML?

HTML 是用来描述网页的一种语言:

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML 不是语言,而是标记语言

HTML 使用标记标签来描述网页

HTML标签

HTML 的标记标签也称标签(HTML tag)

HTML 的标签是用尖括号包围的关键词,<html>

HTML 的标签是成对出现的,<body></body>

HTML 的标签前一个是开放标签,后一个是关闭标签

HTML 标签中无其他内容时,可用 "http://www.mamicode.com/" 来作结束,<img src="http://www.mamicode.com/..." />

HTML文档 = 网页

HTML 文档描述网页

HTML 文档包含 HTML 标签和纯文本

HTML 也被称为网页

web 浏览器读取 HTML 文档并以网页显示他们,而不会显示标签

HTML 编辑器

HTML 文件格式以 .html 为后缀。

sublime text

vscode

Atom

HTML元素

HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

HTML 元素以开始标签开始,以结束元素结束

HTML 元素可以嵌套,<html><body></body></html>

HTML 元素没有结束标签一般可以使用,但不要忘记结束标签

HTML 标签大小写不敏感,但一般都使用小写

HTML属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。

属性总是以名称/值对的形式出现,比如:name="value"。

属性总是在 HTML 元素的开始标签中规定。

HTML / HTML5 的全局属性

技术图片

HTML 元素

HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
大多数 HTML 元素可以嵌套(可以包含其他 HTML 元素)。
HTML 文档由嵌套的 HTML 元素构成。

HTML 元素 <html>

<html> 定义网页的文档,是所有元素的容器

<head>

<head> 定义网页的头部信息,它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示。
下面这些标签可用在 head 部分:<base>, <link>, <meta>, <script>, <style>, 以及 <title>。

<base>

<base> 标签为页面上的所有链接规定默认地址或默认目标。
通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。
使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。

<link>

<link> 标签定义文档与外部资源的关系,最常见的用途是链接样式表。

<!--链接图标 --> <link href="http://www.mamicode.com/..." type="image/x-icon"> <!--链接css --> <link href="http://www.mamicode.com/..."> <meta>

<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。

<script>

<script> 定义文档中的JavaScript代码,可用外链和内联两种方式:

<!--内联 --> <script> function test() { ... } </script> <!--外链 --> <script src="http://www.mamicode.com/..."></script> <style>

<style> 文档的内联样式,通过class和id查找元素

<style> .class { ... } .id { ... } </style> <title>

<title> 网页的标题

<title>网页标题</title> <body>

<body>定义网页的正文,浏览器中显示的内容都在这里。

<body> <h1></h1> <p></p> </body> HTML 标题

标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。
<h1> 定义最大的标题。<h6> 定义最小的标题。

浏览器会自动地在标题的前后添加空行。

请确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。

搜索引擎使用标题为您的网页的结构和内容编制索引。

因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。

应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。

<h1>标题1</h1> <h2>标题2</h2> ... <h6>标题6</h6> HTML 换行符

<br> 是 HTML 的换行符:

<br /> HTML 水平线

<hr /> 标签在 HTML 页面中创建水平线,可用于分隔内容。

<hr /> HTML 段落

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/40465.html