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 表达式、方法和函数的列表。

相关推荐