1.什么是HTML?
超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
2.HTML基础框架
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> </html>
这是HTML的基础框架,我们之后一系列前端内容都要在这里输入
3.DOCTYPE 的作用是什么?为什么在页面第一行?
DOCTYPE的作用是告诉浏览器使用哪个 HTML 版本来解析网页,并且也有助于确保网页能够以一致的方式在不同浏览器中显示。 DOCTYPE 声明应该作为 HTML 文档的第一行,并在 <html> 标签之前。 不同的 DOCTYPE 声明会触发不同的浏览器渲染模式,因此使用正确的 DOCTYPE 声明非常重要。
4.码集的作用是什么?为什么常用utf-8?
编码集在数据传输的作用 UNICODE 相当于规定了字符对应的码值,这个码值必须编码成字节的形式去传输和存储。
UTF-8 是 UNICODE 的一种变长字符编码,即 RFC 3629。简单的说大字符集可以解决多种语言文本显示问题,从而实现应用国际化和本地化。
对系统来讲,UTF-8 编码可以通过屏蔽位和移位操作快速读写,排序更加容易。UTF-8 是字节顺序无关的,它的字节顺序在所有系统中都是一样的。因此 UTF-8 具有更高的性能。
5.title的作用
<title>
标签定义文档的标题,标题必须是纯文本的,显示在浏览器的标题栏或页面的选项卡中。
6.body有什么用
body主要是用来写网页内容的框架,代码书写的内容呈现在网页上面供人观看。
7.书写一个“hello word”
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> hello word </body> </html>
直接在body区域输入自己想要的文字即可,当然,由于没有进行排版,如果写的特别多就会比较乱,需要我们接着往后面学习。
8.文字剧中(text-align:center;)
接着上一个来讲,我们目前所写的内容只是靠着左边,不怎么美观,那么现在我们先来一个简单的样式的修改,大家一起来看看吧
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> body{ text-align: center; } </style> </head> <body> hello word </body> </html>
如图所示,在head里面加入style样式,这样文字就剧中了
9.文字颜色
接上回,现在对文本添加颜色,具体代码如下
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> body{ text-align: center; color: red; } </style> </head> <body> hello word </body> </html>
如图所示,这就是今天所修改样式最终结果。
我是小辉,请大家多多关照