Day1-HTML5介绍

封面只是一个冷笑话

其实一点都不难!

HTML

超文本标记语言

(HyperTextMarkupLanguage)

描述网页的显示内容

注意点:

1)不区分大小写,但是建议小写

2)标记和属性是预定义的

3)HTML 不是一种编程语言,而是一种标记语言 (markup language)

标记、根元素、元素、父元素、子元素、属性、内容

HTML 文档 = 网页

HTML编辑器

文本编辑器:记事本、Edit Plus,Notepadd++,Visual Studio Code

图形编辑器:dw(dream weaver)可拖放

HTML版本/HTML文档的类型:

HMTL第一版->2.0->3.2->4.01(1999)->5(2014)

xhtml: xml和html的杂交品种,也是html的一种版本,但是以xml的格式要求html的书写。

先来安装下软件

(文本编辑器)

(谷歌浏览器)

具体的软件安装包安装步骤请公众号回复【前端软件

安装好之后点击以下快捷方式打开

插件点红圈地方搜索安装

那么就开始进入正题:

1.怎么新建一个html文件?

:【文件】【新建文件】【Ctrl+s】【选择保存路径、输入文件名和保存类型(*.html)】【保存】【进行编辑】。

2.html文件的大体格式是什么?

:最简单的格式:

解释:

与 之间的文本描述网页;

中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等;

与 之间的文本是可见的页面内容;

HTML 标签是由尖括号包围的关键词,比如 ;

HTML 标签通常是成对出现的,比如 和 ;

标签对中的第一个标签是开始标签,第二个标签是结束标签。

进阶实例:

代码图:

效果图:

title显示效果:

body显示效果:

捷哥相信肯定还有不懂的同学

有什么不清楚的同学尽管在本文章下方留言

好了,快下课了,休息一下,下期回来!

喜欢的同学记得分享给其他同学哦!

(好东西要分享 才会成长)

下期知识点:HTML基本标签

(记得预习哦!)

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20180112G0ALA900?refer=cp_1026

扫码关注云+社区