当前位置: 首页 » html5入门详细视频教程第一课:代码结构

html5入门详细视频教程第一课:代码结构

作者: 江湖哥 分类: html css教程 发布时间: 2020-09-02 16:51 37 百度已收录

温馨提示:本文共1533个字,预计阅读时间需要4分钟

大家好,通俗易懂讲营销,我是江湖哥,今天为大家分享我今天录制一个Html5入门教程第一个课的视频准备的课件,大家想学建站,想拥有自己一个简单的博客请关注我,如果大家有兴趣可以到我的视频去观看视频教程

html5入门详细视频教程第一课:代码结构 html css教程 第1张

Html5入门详细教程第一课

学习要点:

1、推荐编写软件sublime text3

2、html5文档结构

3、文档结构解析

一、sublime text3 下载

官方网站下载或者下载:https://pan.baidu.com/s/1dos1tLWsGJ-Iiad7rRzjTA    提取码:5rgx

二、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.weitongsheng.com">江湖哥博客</a> 
</body>         //表示html文档显示内容结束
</html>        //表示html文档结束

html5入门详细视频教程第一课:代码结构 html css教程 第2张

三、文档结构解析

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. weitongsheng.com">江湖哥博客</a>

关注我头条号,更多教学视频

持续更新,分享更多干货

听江湖哥讲营销

关于版权
除特别说明外,本博客内容皆为原创,可以自由转载传播,但请署名及注明出处链接:https://www.weitongsheng.com:443/archives/4745.html

如果觉得我的文章对您有用,请随意打赏或点赞.您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注