HTML学习笔记（一）标签（上）

一.网页

1.什么是网页
网站是网页的集合
网页是网站中的一“页”，通常是HTML的文件
网页是构成网站的基本元素

2.什么是HTML
HTML是一个超文本标记语言，不是一种编程语言，是一种标记语言。

3.WEB标准
web标准是由W3C组织和其他标准化组织制定的一系列标准的集合
构成: 结构（HTML）、表现（CSS）、行为（Javascript）

二.HTML

1.HTML语法规范
双标签和单标签
包含关系和并列关系

2.HTML基本结构标签
HTML标签：根标签
head ：头部标签
title ：标题标签
body： 主体

3.常用快捷键
shift +out+下箭头 ：复制多行
ctrl +D ：选中多个单词
ctrl +h ：替换
ctrl + g： 快速定位到一行
ctrl + + ：放大
shift+Alt 然后拖动鼠标：选择区块

三.网页开发工具

1.文档类型声明标签 ：版本
2.lang 语言种类 ：en：英语；zh-CN ：中文
3.字符集 （charset）：”UTF-8“（万国码）
<meta charset = " UTF-8"> 必写，不写会出现乱码

四.常用标签

1.标签语义：标签的含义
2.标题标签<h1>-<h6>:标题一共六级选，文字加粗一行显，由小到大依次减，从重到轻随之变
3.段落标签<p>:将文字分成几个段落
4.换行标签<br />:强制换行，单标签
5.文本格式化标签：让文字以特殊的方式显示
加粗<strong>,<b>
倾斜<em>,<i>
删除线<del>,<s>
下划线<ins>,<u>
6.<div>和<span>标签：没有语义，一个盒子，用来装内容并布局的
<div>:自己独占一行，大盒子
<span>：小盒子
7.图像标签和路径
（1）图像标签
①定义页面中的图像：<img src="图像URL" />，(src是必须写的属性，指定文件路径，单标签）
②图像显示不出来的时候用文字替换：<alt ="....." />
③鼠标放到图像上提示的文字：<title="......." />
④设定图像宽度和高度：<width="..." />,<height="..." />,一般情况只修改一个，另一个等比例缩放
⑤设定图片的边框：<border="..... /">
（2）路径：
①绝对路径：在电脑中的位置，网络地址
②相对路径：图片相对于HTML页面的位置
同一级路径<img src = "img.jpg" />
下一级路径<img src = "images/img.jpg " />
上一级路径<img src = "../img.jpg " />
8.超链接标签
（1）语法格式<a href="跳转目录" target=“目标窗口的弹出方式”>文本或图像</a>
target: 当前窗口_self（默认），新窗口打开_blank
（2）分类
外部链接：http://…
内部链接：名字即可
空链接：#
下载链接：地址链接的是文件或压缩包等格式
网页元素链接：文本，图像，视频
锚点链接：点击链接快速定位到页面中的而某个位置 #名字，名字是给目标位置标签添加的一个id属性
9.注释标签 <!--注释内容-->（ctrl+/）
10.特殊字符：空格（&nbsp）大于号（&gt）小于号（&lt）