课程名称:初识HTML(5)+CSS(3)-升级版
课程章节:佛靠金装,人靠衣装 - html和css的关系和使用说明书 - 标签的语法
主讲老师:五月的夏天
课程内容:
学习html与css的关系
标签的语法
课程收获:
html标签的样子:
代码如下:
<p>我是一个p标签</p>
经过css修饰过后html标签:
代码如下:
p { color: red; border: 1px solid blue; width: 140px; height: 40px; }
收获总结:
1、css是用来修饰html样式的
2、html本身是有一些默认样式,如果我们想改变html标签的样式,就需要借助css
3、html+css构成了我们网页的基本页面结构和样式
练习代码如下:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Html和CSS的关系</title> <style type="text/css"> h1{ font-size:12px; color:#999; text-align:center; color: red; } </style> </head> <body> <h1>Hello World!</h1> </body> </html>
相应样式:
标签总结:
1. 标签由英文尖括号<和>括起来,如<html>就是一个标签。
2. html中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多了一个/。
如:
(1) <p></p>
(2) <div></div>
(3) <span></span>
3. 标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套<p>,那么</p>必须放在</div>的前面。如下图所示。
4. HTML标签不区分大小写,<h1>和<H1>是一样的,但建议小写,因为大部分程序员都以小写为准。
点击查看更多内容
为 TA 点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦