一、什么是html
html是超文本标记语言。
1.1超文本：页面内不仅仅包括文本，还包括图片、视频、链接、音乐等非文本元素。
1.2标记语言：与编程语言区别，它不是编程语言
1.3后缀名：.html或者.htm 但是推荐写成.html
二、什么是html5
html5(h5) 是html的下一代标准
2.1html发展历程
html产生于1990年，html4产生于1997年
Html5正式发布于2008年，2012年形成比较稳定的版本
三、html开发软件
windows系统用记事本，但是一些软件能更好地进行开发
比如1.vscode:微软开发，支持多系统，源码开放，编辑器中内置了扩展程序的管理功能，使用方便，可以汉化
2.sublime:功能强大但是安装插件困难
四、浏览器的选择
4.1编写代码一般使用主流浏览器，如chrome/firefox 因为它们的兼容性比较好，有比较强大的代码调试工具进行测试，还有一些比较好用的浏览器插件
4.2浏览器的作用：1.可以用于读取html文件并将其作为网页显示。2.可以用于检查调试代码
五、html文档
5.1：<!doctype html> html5文档的类型
5.2：<html></html> html的根元素 用来包含html文档的所有元素
5.3：<head></head>:包含在head里面的内容不会显示在网页上，这里通常配置信息，包含编码、作者、页面的描述信息，js,css的导入。编码方式：<meta charset=”utf-8”>
5.4：<body></body>:html文档的内容区
六、html元素（标签）
6.1：一般来说，标签和文档是同样的意思，但是严格来讲，一个元素是由两个html标签组成，标签是成对出现，大小写不敏感，但是h4推荐使用小写
6.2元素分类
6.2.1：块级元素 例如<div></div> <p></p> h1~h6标题标签等，块级元素具有独占一行空间，可以用来布局段落、列表、导航菜单等，注意的是不要把块级元素嵌入进行内元素里
6.2.2：行内元素 与其他行内元素分享一行，一般作为段落的一部分。
6.2.3：空元素（单标签） 没有内容的元素，空元素是在开始标签中结束的。如有横线：<hr/> 换行：<br/> 图片：<img src=””/>
可以没有/，但是建议使用/(关闭符)
6.2.4：替代元素（替换元素） 把文件引入文档，并用自身的位置来替换 例如img,video，audio
七、html属性
7.1元素的属性一般在开始标签里，属性由键值对组成 <div id=”myDiv” class=”myDivClass”></div>
7.2核心属性
Id 唯一标识
class 表示当前元素的某一类元素
style 规定元素的行内样式
title 描述元素的信息（光标悬浮时会显示）
八、html语法
8.1实体
空格 注意的是在html文档中不论有多少个空格都会解析为一个
< <
> >
“ "
& &
' &apos 如2'5 表示2 ' 5
· · 如6·6 表示6· 6
注意的是这些实体放在两个事物之间都要记得加；
8.2注释 <!--注释内容--> 一定要多写注释，方便自己和同事查看自己的代码
九、html文本格式化（少用，css主要用来改样式）
strong:强调 b:加粗 em:强调，倾斜 i:倾斜 u:下划线
sub:下标 sup:上标
十、html列表
10.1有序列表 ol >li >:代表子元素，包含在内
序号默认从1开始，可通过start(升序)属性改变起始值 例如：<ol start=”5”>
reversed(单值属性) 规定列表顺序为降序
type属性 type=”1/a(英文小写)/A（英文大写）/i（罗马数字小写）/I（罗马数字大写）”
10.2无序列表 ul > li 标题是圆形符号，没有顺序
10.3自定义列表 dl > dt > dd
十一、超链接a
11.1 <a href=”https://www.baidu.com”>百度一下</a> 在原本的html文档打开的浏览器网页，点击百度一下实现跳转
<a href=”https://ww.baidu.com” target=_blank>百度一下</a> 点击百度一下，打开另外一个窗口实现跳转,如果是target=_self,也是在本网页打开实现跳转
11.2绑定目标与元素的id值 实现锚点跳转：
<h1 id=”header”>顶部内容</h1> 跳转到的地方
......................
<a href=”#header”>返回顶部</a> 点击的地方
十二、图片
<img src=”” alt=””>
src:图片地址(必须填)
alt:图片地址出错时显示alt内容
扫一扫
2535
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
