HTML基础
1.Web标准
1.1构成：
由W3C（万维网）和其他标准化组织制定的一系列标准的集合。
主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。
结构标准：结构用于对网页元素进行整理和分类，咱们主要学的是HTML。
表现标准：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS。
行为标准：行为是指网页模型的定义及交互的编写，咱们主要学的是 Javascript。
1.2好处：
1.1对于浏览器开发商和 Web 程序开发人员在开发新的应用程序时遵守指定的标准
更有利于 web 更好地发展
1.2使用web标准，将确保所有浏览器正确显示您的网站而无需费时重写
1.3更容易被搜寻引擎搜索
1.4降低网站流量费用
1.5使网站更易于维护
1.6提高页面浏览速度
2.HTML初识
HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标签（记）语言”。
注：HTML是一种标记语言，作用就是用标记标签来描述网页，把网页内容在浏览器中展示出来。
2.1、骨架格式
2.1、HTML标签：根标签
head标签：头部
title标签：页面标题
body标签：主题
2.2、标签分类
1.双标签：<标签名>内容</标签名>
2.单标签：<标签名/>
也称空标签
2.3、标签关系 ：1.嵌套关系 2.并列关系
3.文档类型
<!DOCTYPE html>：位于文档最前面，用于向浏览器说明当前文档使用的版本.
4.字符集
<meta charset="字符集" />
5.常用标签
1.标题标签 head 头部
<hn>标题文本<hn>
2.段落标签 paragraph 段落
<p>文本内容</p>
3.水平线标签
<hr/>
4.换行标签 break
<br/>
5.盒子与范围标签
<div>这是头部</div><span>今日价格</span>
6.结构化表现化标签
粗体：<strong> <b>
斜体：<em> <i>
加删除线：<del> <s>
加下划线：<ins> <u>
注：b i s u只有使用，没有强调的意思；strong em del ins语义更强烈。
7.图片标签
1.标签属性
<标签名 属性1="属性值1" 属性2="属性值2" … >内容</标签名>
注：多个属性写在开始标签中，不分顺序，有默认值
采用键值对的格式 key = "value"
2.图像标签
image 图像
<img src="图像URL" />
src 图像的路径
alt 图像不能显示时的替换文本
title 鼠标悬停时显示的内容
width 设置图像的宽度
height 设置图像的高度
border 设置图像边框的宽度
3.路径问题
1.相对路径
(1)、图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可，如img src="logo.gif" /。
(2)、图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，如img src="img/img01/logo.gif" /。
(3)、 图像文件位于HTML文件的上一级文件夹：在文件名之前加入“../” ，如果是上两级，则需要使用 “../ ../”，以此类推，如img src="../logo.gif" /。
2.绝对路径
(1)、完整路径：“D:\web\img\logo.gif”
(2)、 完整的网络地址，例如“http://www.itcast.cn/images/logo.gif”。
6.链接标签
1.a标签
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
target有 self 和 blank 两种，self为前窗口打开，blank为新窗口打开
注：1.外部链接需要添加全域名路径，比如http:// www.baidu.com
2.内部链接直接链接内部页面名称即可，比如< a href="index.html">首页</a >
3.如果当时没有确定链接目标时，通常将链接标签的href属性值定义为“#”(即href="#")，表示该链接暂时为一个空链接。
4.不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。
2.base标签
base可以设置整体链接的打开状态；base写到<head> </head>之间。
3.锚点定位
1.使用<a href=”id名”>创建链接文本(被点击的)</a>
例如：<a href="#two">
2.使用相应的id名标注跳转目标的位置
例如：<h3 id="two">第2集</h3>
7.特殊字符
见文档
8.注释
<!-- 注释语句 --> ctrl + / 或者 ctrl +shift + /
9.列表标签
特点：整齐有序
1.无序列表 ul
列表间没有级别之分，是并列的
注：1. <ul></ul>中只能嵌套<li></li>，直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。
2. <li>与</li>之间相当于一个容器，可以容纳所有元素。
3. 无序列表会带有自己样式属性，放下那个样式，一会让CSS来！
2.有序列表 ol
有一定顺序排列定义
3.自定义列表
定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。
课堂笔记
！ 回车 生成快捷键
并列关系 + 倍数 *
嵌套关系 >
整体 （）
背景换色
div 块状元素，自启一行，没东西就是一条线
span 行内元素，自动往后排
适配最好用百分比
src alt title
只设置宽，高等比例缩放
<,> 报红，换成< >
ctrl + / 备注
直接建一个对象toString出来的是对象内存地址
261
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
