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版权所有,未经作者授权请勿转载!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值