TheHealthOfYou的个人博客

HTML5基础

大家好!这节课我们学习HTML5基础语法
这节课我们要学会:

  1. 利用HTML5制作一个简单的网页

什么是HTML5?

HTML是一种标记语言,HTML5是目前的新版本。
HTML5拥有CSS,JS两个辅助语言。
JS:与用户交互的客户端脚本语言,
CSS:给用户良好视觉体验的客户端样式语言。

HTML5标签基础语法是什么?

<标签></标签>

如何用HTML5制作一个简单的网页?

<!DOCTYPE HTML>
<html>
<head>
<title>网页</title>
</head>
<body>
<p>一个简单的网页</p>
</body>
</html>

效果预览:
效果预览图1

这段代码其中各代表什么呢?

<!DOCTYPE HTML>表示这是一个网页。
<html></html>表示这是一个文档。
<body></body>表示这是文档主要内容。
<p></p>表示这是一个段落,每个段落都会自动拎起一行。

如何设置字体颜色?

<!DOCTYPE HTML>
<html>
<head>
<title>网页</title>
</head>
<body>
<p style="color:red;">警告</p>
</body>
</html>

效果预览:
效果预览图2

您只需要把style里面的color的red改成您要的颜色就行了!
可以用网页标准颜色,还可以用16进制色码!

style是什么?

是一个属性,所有的属性只需要遵循下面这个格式就行了!

属性名="属性值"

所有的属性必须在HTML标签里!
style为行内样式,可以说是单独引用CSS。
你们下节课想学什么?快点参与投票吧!

TheHealth版权所有,未经作者授权请勿转载!