文本标记语言,英语:HyperText Markup Language,简称:HTML,是一种用于创建网页的标准标记语言。注意,HTML是标记语言,不是编程语言。
您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。手机上的H5,也是浏览器解析的,只是App内置的浏览器组件,你看不到而已。
目前,HTML5是最新的版本,主流浏览器都支持的了。如果出现不支持的话,升级到最新版本就好了。HTML5也支持在手机上运行,所以我们没理由不学H5的。
1.1 HTML页面结构
在没学HTML之前,很多人以为有复杂时的,其实学HTML就是学标签。除了<!DOCTYPE html>声明为H5文件,类似<meta charset="UTF-8">这种指定字符的之外,其他的,不是成对(如<p></p>),就是有结束符的标签(如<p/>)。
你要做的就是理解标签的意思和往里面放内容就好了。经我这么一说,是不是感觉挺简单的。是就对了。HTML不止开发简单,连开发工具都不挑,如WebStorm,Eclipse或VSCode等;如用来开发Java、C#、PHP、Python等的开发工具。
开发工具生成的HTML5文件模板里,便是一个完整的页面结构。内容,根据你个人喜好,进行删填即可。如果没有内容,则被称为空标签。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML来了</title>
</head>
<body>
<h1>老陈说编程</h1>
<p>编程界一老头</p>
<a href="home.html">个人主页</a>
</body>
</html>
输出结果(用浏览器打开)
1.2 HTML元素
HTML文档由 HTML 元素定义。元素以开始标签(如<p>)起始,以结束标签(如</p>)终止,元素的内容是开始标签与结束标签之间的内容,如:老陈说编程。标签对大小写不敏感:<P> 等同于 <p>,推荐使用小写。
标签<a>里面的href,是属性。属性可以在元素中添加附加信息,以名称/值对的形式出现,一般放在开始标签中。
HTML注释:可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第2个HTML</title>
</head>
<body>
<h3>做人要自然,自然美,才是真的美</h3>
<!--这是注释,src是属性-->
<img src="mm.jpg"/>
</body>
</html>
输出结果
好了,有关html页面结构和元素的内容,讲完了,如果觉得对你有所帮助,希望老铁能转发点赞,让更多的人看到这篇文章。你的转发和点赞,就是对我继续创作和分享最大的鼓励。