HTML 总结

<html>
    <head>
        <title>Greeting content</title>
    </head>
    <body>
        <p>Hi !</p>
        <p>Nice to meet you</p>
    </body>
</html>

【简介】HTML不是一种编程语言，而是标记语言。标记语言是一套标记标签，html使用标记标签来描述网页。

【解析】HTML代表Hyper Text Markup Language（超文本标记语言）。超文本是指它是一种支持网页之间的超链接的文本。标记是指我们将一份文件用代码标记组织起来，然后告诉某个东西（在这种情况下，浏览器中）如何解释网页。

【作用】HTML 是一种简单的代码，由 Web 浏览器解释,为用户显示一个网页。

（实例）：浏览器解释"Greeting content"为网页的标题。解释了 <title> Greeting content </title> 并将其放置到浏览器（也用于书签等等）的标题栏中

【类型】：创建一个模板是指创建一个模板文件

【构成】：HTML 代码是由标记构成的，每一个都是由 < >开始和结束。

【格式化】：html文本格式化就是添加样式给字体和段落，可以将html代码进行排版，这样看起来层次分明。

[元素构成]

HTML 页面分为head 和 body，元素可以嵌套

head是一个包含有关文档且未显示在屏幕上的信息元素，告诉浏览器这个页面的配置。

body是包含 web 页中所有显示的元素，告诉它实际什么在页面上。

<p>元素：定义了文档段落；

<body>元素：定义了文档主体；

<html>元素：定义了整个html文档；

注释：<!-->定义注释

换行/插入单个折行：<br />可以在不产生一个新段落的情况下进行换行

[标签]

【段落】html段落是通过<p>标签定义

【标题】html标题（Heading）是通过 <h1> - <h6> 等标签进行定义

【链接】html 链接是通过 <a> 标签进行定义，<a> 标签的 href 属性用于指定超链接目标的 URL

【图片】html 图像是通过 <img> 标签进行定义，图像的名称和尺寸是以属性的形式提供的

【模板标签】

<h1>a heading</h1> -为你最重要的标题

<h2>a sub-heading</h2> 为下一层级的标题

<h3>a sub-sub-heading</h3> ...直到 <h6>

<em>text</em> 强调您的文本

<strong>text</strong> 强烈强调您的文本

<br /> 跳转到下一行（你不能放任何东西在br里面）

<a href="https://djangogirls.org">link</a> 创建一个链接（link链接）

<ul><li>first item</li><li>second item</li></ul> 产生一个列表

<div></div> 定义页面上的一个段

【标签】html标签是由尖括号包围的关键词，比如 <html>，且是成对存在。第一个是开始标签，第二个是结束标签。

【html文档】html文档包含 html标签和纯文本，html文档也被称为网页。

Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容。

<body> 与 </body> 之间的文本是可见的页面内容；

<h1> 与 </h1> 之间的文本被显示为标题；

<p> 与 </p> 之间的文本被显示为段落

html文本格式化就是添加样式给字体和段落，可以将html代码进行排版，这样看起来层次分明。

注释：<a> 标签的href属性用于指定超链接目标的URL。如果用户选择了 <a> 标签中的内容，那么浏览器会尝试检索并显示 href 属性指定的 URL 所表示的文档，或者执行 JavaScript 表达式、方法和函数的列表。

猜你喜欢