一.网页
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.特殊字符:空格( )大于号(>)小于号(<)