HTML学习笔记1.4-添加常用的标签
HTML学习笔记1.4-添加常用的标签
MayaTeacher 发表于1年前
HTML学习笔记1.4-添加常用的标签
  • 发表于 1年前
  • 阅读 16
  • 收藏 0
  • 点赞 0
  • 评论 3

腾讯云 学生专属云服务套餐 10元起购>>>   

摘要: HTML的标签是必不可少的东西,这里,我们将为大家添加head、body、标题、段落、图片、按钮标签

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>简单的网页</title>
    <script src="index.js"></script>
</head>
<body>
<h1>故乡</h1>   
<p>我在朦胧中,眼前展开一片海边碧绿的沙地来,上面深蓝的天空中挂着一轮金黄的圆月。我想:希望是本无所谓有,无所谓无的。这正如地上的路;其实地上本没有路,走的人多了,也便成了路。</p>
<img src="http://www.mayacoder.com/upload/images/故乡.jpg">
<!-->图片路径仅供参考</!-->
<button id="btn">缩小图片</button>
</body>
</html>

 


分割线-head标签


前面代码提到<head> 标签用于定义文档的头部,它是所有头部元素的容器。描述了文档的各种属性和信息,包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签。

他们各自的作用:
title标签:定义文档的标题;
script标签:引入js文件;
link标签:引入css文件,外联样式;
style标签:内联css样式;
meta标签:提供有关页面的元信息。

一个简单的网页应至少包含:
1.一个title标签来定义文档的标题

2.一个定义文档编码格式的meta标签(<meta charset="UTF-8">)

PS:UTF-8是万国码,不知道的同学可以去搜索查询下哦。


分割线-body标签


body 标签包含文档的所有内容(比如文本、超链接、图像、表格和列表等等),所有呈现给用户的内容都应该放到body标签里。

至于标题、段落、按钮等,实际上都是网页的一些内容标签啦~


代码学习尝试,可以从这里开始:

http://www.mayacoder.com/lesson/lesson?lesson_id=27&knowledge_id=6

共有 人打赏支持
粉丝 4
博文 77
码字总数 23783
评论 (3)
MayaTeacher
mark
MayaTeacher
m2
MayaTeacher
daily
×
MayaTeacher
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: