html5教程（Html5入门详细教程第一课）
大家好，通俗易懂讲营销，我是江湖哥，今天为大家分享我今天录制一个Html5入门教程第一个课的视频准备的课件，大家想学建站，想拥有自己一个简单的博客请关注我，如果大家有兴趣可以到我的视频去观看视频教程
Html5入门详细教程第一课
学习要点：
1、推荐编写软件sublime text3
2、html5文档结构
3、文档结构解析
一、sublime text3 下载
官方网站下载
二、HTML5文档结构
1.第一步：打开sublime text3,打开指定文件夹；
2.第二步：保存index.html文件到磁盘中，.html是网页后缀；
3.第三步：开始编写HTML5的基本格式
<!DOCTYPE html> //文档类型声明 <html lang="zh-cn"> //表示html文档开始<head> //包含文档元素开始 <meta charset="utf-8"> //声明字符编码<title>浏览器左上角显示的标题文字</title> //设置文档标题</head> //包含文档元素结束<body> //表示html文档显示内容开始<a href="https://www.toutiao.com">今日头条</a> </body> //表示html文档显示内容结束</html> //表示html文档结束
编写HTML5的基本格式
三、文档结构解析
1. Doctype
文档类型声明(Document Type Declaration,也称Doctype)。它主要告诉浏览器所查看的文件类型。在以往的HTML4.01和XHTML1.0中，它表示具体的HTML版本和风格。而如今HTML5不需要表示版本和风格了。
< !DOCTYPE html> //不分区大小写
2. html元素
首先，元素就是标签的意思，html 元素即html标签。html 元素是文档开始和结尾的元素。它是一个双标签，头尾呼应，包含内容。这个元素有一个属性和值: lang="zh-cn",表示文档采用语言为:简体中文。
<html lange" zh-cn"> //如果是英文则为en
3. head元素
用来包含元数据内容，元数据包括: <link>、 <meta>、 <noscript>. <script>、<style>、<title>.这些内容用来浏览器提供信息，比如link提供CSS信息，script提供JavaScript信息，title 提供页面标题等。
<head>...</head> //这些信息在页面不可见
4. meta元素
这个元素用来提供关于文档的信息，起始结构有一个属性为: charset="utf8". 表示告诉浏览器页面采用的什么编码，一般来说我们就用utf8.当然，文件保存的时候也是utf8，而浏览器也设置utf8即可正确显示中文。
<meta charsetm"utf-8" > //除了设置编码，还有别的
5. title元素
这个元素很简单，顾名思义:设置浏览器左上角的标题。
<title>浏览器左上角显示的标题文字/title>
6. body元素
用来包含文档内容的元素，也就是浏览器可见区域部分。所有的可见内容，都应该在这个元素内部进行添加。
<body>...</body>
7. a元素
一个超链接，后面会详细探讨。
<a href= "https://www. toutiao. com">今日头条</a>
关注我，听江湖哥讲营销，学到落地到
持续更新，分享更多干货
- 发表于 2022-10-30 14:12:33
- 阅读 ( 120 )
- 分类：科技
630 篇文章