记录自己学习HTML5的过程(网课实在太无聊)
简介
HTML5是HTML的升级版
HTML5 中的一些有趣的新特性:(目前咱也不知道、咱也不敢问,以后慢慢学习吧)
- 用于绘画的 canvas 元素
- 用于媒介回放的 video 和 audio 元素
- 对本地离线存储的更好的支持
- 新的特殊内容元素,比如 article、footer、header、nav、section
- 新的表单控件,比如 calendar、date、time、email、url、search
HTML5有大量的标签需要了解
安装软件
我用的是DW感觉还算比较好用吧(其他的没有过)
连接已为你准备好(没啥安装细节)
ready?GO!!!!
代码
<!doctype html>
<html lang="zh_CN">
<head>
<meta charset="utf-8">
<title>我的第一个网页</title>
</head>
<body>
<p>网课好无聊</p>
</body>
</html>
效果
解释
<!doctype >
<!doctype html>#声明文档类型为html
对大小写不敏感
html
<html></html># ----双标签限定了文档的开始点和结束点
<html>#----------开始点
<head>
这里是文档的头部 ... ...
...
</head>
<body>
这里是文档的主体 ... ...
...
</body>
</html>#------结束点
<html lang="zh_CN"># -----language的缩写此句就是告诉浏览器本网页的编辑方式使用中文编辑的
<html lang="en"># -------English的缩写---英文编辑---
head
<head>
<title>文档的标题</title>
</head>
--------标签用于定义文档的头部,它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
下面这些标签可用在 head 部分:<base>, <link>, <meta>, <script>, <style>, 以及 <title>。
<title> 定义文档的标题,它是 head 部分中唯一必需的元素。
meta
<meta charset="utf-8">
meta的charset的属性规定 HTML 文档的字符编码:"utf-8"
<meta> 单标签标签永远位于 head 元素内部。
title
<title>我的第一个网页</title>
-----定义文档的标题
<title> 标签支持 HTML 中的全局属性。
p
<p> ------双标签:标签定义段落。
<p>这是一个段落标签</p>
p 元素会自动在其前后创建一些空白
以后遇到什么表签就了解什么标签吧。。。。。。。
表签加属性真的是太多了。。。。。。。