HTML(一)：萌新的一天，从Hello HTML开始

最新推荐文章于 2023-08-22 21:41:15 发布

lenycoy

最新推荐文章于 2023-08-22 21:41:15 发布

阅读量282

点赞数 1

分类专栏：前端文章标签： html

本文链接：https://blog.csdn.net/qq_27312897/article/details/109258173

版权

前端专栏收录该内容

5 篇文章 1 订阅

订阅专栏

萌新的一天，从Hello HTML开始

最简单的HTML

<html>	//HTML页面的根元素
  <body>	//包含了可见的页面内容
    <p>Hello HTML</p>	//定义一个段落
  </body>
</html>

!DOCTYPE 声明

!DOCTYPE声明放在html标签之前，有助于浏览器中正确显示网页。
网络上有很多不同的文件，如果能够正确声明HTML的版本，浏览器就能正确显示网页内容。
doctype 声明是不区分大小写的，以下方式均可：

<!DOCTYPE html> 
<!DOCTYPE HTML> 
<!doctype html> 
<!Doctype Html>

页面编码设定

当我们遇到中文乱码问题时，可以尝试加入如下代码。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
</head>

head 标签写于 html 标签之后，meta 标签放于 head 标签内，利用其中的 http-equiv 属性告诉服务器传送的名称/值对， http-equiv 又通过 content 属性进行描述，告诉浏览器准备接收一个 html 文档，其编码为 GB2312。当然，也可以是其他类型的编码，如 UTF-8。还有很多其他花里胡哨的功能，以后有机会再探究吧。

HTML相关概念

HTML标签

HTML是Hyper Text Markup Language 超文本标记语言的缩写
HTML是由一套标记标签（markup tag）组成，通常就叫标签
标签由开始标签和结束标签组成
<p> 这是一个开始标签
</p> 这是一个结束标签
<p> Hello World </p> 标签之间的文本叫做内容

HTML 的标题共有六级，h1~h6

<h1>大标题</h1>
<h2>小一点的标题</h2>
<h3>再小一点的标题</h3>
<h4>更小一点的标题</h4>

HTML元素

元素指的是从开始标签到结束标签之间所有的代码，如
<p>HelloWord</p>

完整的HTML：一个完整的HTML文件，应该至少包含html元素，body元素，以及里面的内容。
不完整的元素：实际开发中，即使一个元素不完整，也是可以正常显示的。但这不是因为你写的牛B，是因为浏览器很强大，浏览器能够渲染你写的“错误的代码” 。不过，未来不一定能正常显示。所以尽量把元素写的完整，即有开始标签也有结束标签
有的特殊元素：没有内容，即开始和结束标签直接放在一起，如换行<br/> ，水平线<hr/>。

HTML属性

属性用来修饰标签的
比如要设置一个标题居中
<h1 align=“center”>居中标题</h1>
写在开始标签里的 align=“center” 就叫属性
align 是属性名
center 是属性值

HTML注释

html使用 进行注释

通常用于解释一段代码的意义，不会在网页上显示出来。

<!--align属性用于对齐-->
<h1 align="center">居中标题</h1>

lenycoy

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML(一)：萌新的一天，从Hello HTML开始

萌新的一天，从Hello HTML开始最简单的HTML!DOCTYPE 声明页面编码设定HTML相关概念HTML标签HTML元素HTML属性HTML注释最简单的HTML<html> //HTML页面的根元素 <body> //包含了可见的页面内容 <p>Hello HTML</p> //定义一个段落 </body></html>!DOCTYPE 声明 !DOCTYPE声明放在html标签之前，有助于浏览器中
复制链接

扫一扫