各位读者大家好:
Hello啊,与大家分享一下初次学习HTML的学习感悟。
前言
现在可视化页面越来越多,这两日初学HTML的感悟,在这给大家分享一下自己的学习心得。使大家能更清晰的认识到HTML。
一、HTML是什么?
HTML 是用来描述网页的一种语言。
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言,而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
二、标签、文档
1.标签
HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
- HTML 标签是由尖括号包围的关键词,比如 <html>
- HTML 标签通常是成对出现的,比如 <b> 和 </b>
- 标签对中的第一个标签是开始标签,第二个标签是结束标签
- 开始和结束标签也被称为开放标签和闭合标签。
代码如下(示例):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我是标题</title>
</head>
<body>
</body>
2.文档
HTML 文档 = 网页
- HTML 文档描述网页
- HTML 文档包含 HTML 标签和纯文本
- HTML 文档也被称为网页
代码如下(示例):
<html> <body> <h1>我的第一个标题</h1> <p>我的第一个段落。</p> </body> </html>
例如:
- <html> 与 </html> 之间的文本描述网页
- <body> 与 </body> 之间的文本是可见的页面内容
- <h1> 与 </h1> 之间的文本被显示为标题
- <p> 与 </p> 之间的文本被显示为段落
三、块级元素与行内元素
1.块级元素
特点:我们可以将内元素和块级元素放入块级元素中,但是独自占一行。
注意:尽量不要往p标签中添加其他块级元素
例如:
<p>与</p>
<div>与</div>
<h1>与</h1>至<h5>与</h5>
2.行内元素
特点:内容大小取决于它的内容,在一行并排显示,并且可以设定宽高。
例如:
<span>与</span>
<a>与</a>
<img>与</img>
<input>与</input>
<b>/<i>/<strong>等标签
总结
初次接触到了HTML,使用Xmind先梳理做项目的理论顺序,梳理好了自己的步骤。学习了标签以及各类元素,做出了简单的一个课程表表格以及列表格式,做出了一个简易注册列表。现在很多标签以及元素还不能熟练掌握,再多接触、多做、多练,争取把全部代码都熟练掌握。再多学习一些新的标签元素,并且牢记下来;我发现HTML需要记忆的比较多,就例如背书一样。
慢慢学习,把更多的标签学会,做出更好的项目出来。