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