HTML新人基础学习1.4—添加常用的标签
来源:互联网 发布:开发直播软件多少钱 编辑:程序博客网 时间:2024/05/18 03:29
HTML的标签是必不可少的东西,这里,我们将为大家添加head、body、标题、段落、图片、按钮标签~~~
关于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
- HTML新人基础学习1.4—添加常用的标签
- HTML新人基础学习1.2—HTML的常用的标签语法
- HTML新人基础学习1.5—文本操作标签
- HTML新人基础学习1.1—HTML的全局属性
- HTML新人基础学习1—网页中的标签有哪些?
- HTML新人基础学习1.3—HTML定义文档类型
- HTML新人基础学习1.7—预格式文本
- HTML常用标签学习
- html常用标签学习
- html 学习 常用标签
- HTML 学习手册(常用的标签)
- HTML 学习手册(常用的标签)
- Html基础标签的学习(1)
- HTML基础及常用标签
- 前端学习之路html基础(01)——常用标签
- 前端学习之路html基础(02)——常用标签
- 前端学习之路html基础(03)——常用标签
- html的常用标签
- Android Studio中的单元测试
- OpenVPN添加路由
- matlab-自控原理 传递函数的MATLAB表达
- Function Table 函数指针表
- [iOS 系统]系统音频.相册.相机 权限判断
- HTML新人基础学习1.4—添加常用的标签
- 实践课题--万年历(按enter显示下个月份)
- SQL Server 忘记所有登录账号解决方法
- 将sass压缩成css
- 血液中心系统自动语音抽检报表
- 正则表达式
- 【C】树的层序遍历
- Leetcode 126. Word Ladder II
- matlab-自控原理 计算总的传递函数 两个传递函数串联