1.HTML是什么?
HTML:htper text markup language超文本标记(标签)语言
有各种标签组成,用来制作网页,告诉浏览器如何显示页面
2.作用
制作网页,控制网页和内容的显示插入图片、音乐、视频、动画等多媒体通过链接来检索信息使用表单获取用户的信息,实现交互
3.版本
w3c:world wide web consortium万维网联盟,制定web技术相关标准和规范的组织,HTML激素hi由w3c制定的标准
两个版本:HTML4.0.1、HTML5.0-----通常H5
官网:
4.扩展名
HTML文档是以。html或。htm结尾
1.1简介
HTML标签是由尖括号括起来的关键词,如,通常是成对出现的,如以 为根标签,包含: 头部和主体部分头部提供关于网页的相关信息,如标题、文档类型、字符编码、关键字等摘要信息主体部分提供网页的显示内容,真正显示在页面中的内容合理的进行缩进标签名不区分大小写,但是一般要用小写
1.2.开发工具
记事本notepad、sublime、Notepad++、Dreamweaver、VScode、Webstorm等
使用步骤:
新建文件(cltr+N),然后保存(ctrl+s),指定扩展名为。html编写HTML代码在浏览器中打开文件
使用技巧:
先保存再写代码,否则代码无颜色提示
创建一个文件夹,用于保存所有的网页内容,将文件夹拖拽到sublime中,便于管理
显示/隐藏侧边栏
方式1:查看–>侧边栏–>显示/隐藏侧边栏
方式2:ctrl+K紧接着按B
显示多栏
方式1:查看–>布局–>列数:2列
方式2:Alt+shift+2
1.3浏览器
常见的浏览器:IE浏览器微软、chrome谷哥浏览器、fifirefox火狐、safari苹果
浏览器的作用是读取html文件,并以网页的形式来显示
浏览器不会直接显示html标签,而是使用标签来解释网页的内容
2.标签
2.1标签的组成
一个完整的html标签的组成:
属性值要用双撇号括起来,一般用双引号
2.2标签的分类
根据标签是否关闭,分为,关闭型和非关闭型
关闭型:有结束标签,即标签成对出现
非关闭型:没有结束标签
根据标签是否独占一行,分为块级标签和行级标签
块级标签:显示为块状,独占一行
行级标签:在行内显示,可与其他内容在同一行显示
2.3注释
注释在浏览器中不会显示,是用来标注解释html语句,但通过查看源代码的方式可以看到
语法:
2.4实体字符
也称为特殊字符,用于显示一些特殊符号,如<>&空格等
语法:
常见的实体字符:
2.5文档类型
在html文档的第一行,使用
声明HTML文档的类型用来告诉浏览器页面的文档类型,用来制定html版本的规范
目前基本上最常用的html5
3.1基本标签
标签含义说明br换行标签非关闭型p段落标签关闭型 块级标签 前后有明显的间隔h1…h6标题标签按照h1到h6逐渐变小 块级标签 加粗显示pre预格式化标签保留编码时的格式div分区标签常用作容器来使用,一般用于页面的布局划分,块级标签span范围标签默认没有任何效果,一般用来设置行内的特殊样式ol、li有序列表有顺序的项目列表ul\li无序列表无顺序的项目列表dl、dt、dd定义列表对术语、图片等进行描述而定义的列表hr水平线标签非关闭型标签、块级标签img图像标签非关闭型标签。
如果您觉得本文的内容对您的学习有所帮助:
关键字:
jquery