一、点断三大块:
HTML(结构)、css(表现)、JS(行为)
二、HTML(Hypertext Markup Language)超文本标记语言
文本:相当于即使不让你里写的文字,用于展示信息。
超文本:超越了文本仅仅展示信息的功能范涛,反之图片、有样式的文字、点击跳转页面的文字。
语言:工具
标记:标签
HTML是由标签所组成的语言,能展示超文本效果
HTML是用来写网页的,是设计页面的基础
三、HTML语言的特征:
HTML代码是由头和体 组成
<html>跟标签
·<head>中存放的都是网页的说明性内容,例如标题
HTML文件的扩展名为html或者htm
HTML文件由浏览器直接解析执行,无需编译,直接由上到下依次解析执行。
HTML标签通常有开始标签组成
例如:<font>内容体</font>
没有内容体制标签叫空标签(自结束标签)例如<br/>换行标签
HTML标签不区分大小写,建议小写。
标签属性:属性名="属性值"
HTML标签建议包裹嵌套,不建议交叉嵌套
四、字体标签和格式化标签
1.字体标签:
<font>字体标签,修饰文字样式
<font属性名="属性值">文字</font>
size:大小,最小1,最大7。
color:字体颜色,使用英文red,使用#ff00ad
face:字体
H5文档声明
<!DOCTYPE html>
为了避免进入怪异模式,一定要写文档声明,放最上
2.格式化标签
<br/>换行标签
<hr/>水平线
<p></p>段落标签,划分段落,自动段前和段后有空行
align:段落内容的对齐方式
默认是left左对齐
right右
center居中
<h1></h1>标题标签
其中<h1>最大,M<h6>最小
五、实体的语法:&实体的名字;
< &It
> >
空格 &nbhp; HTML源代码中的多个空格回合并成一个,可以用 ;写多个空格
版本符号 ©
六、HTML注释
<!--html注释内容-->
七、<img/>图片标签
src:图片路径(必有属性)
width:图片宽度
height:图片高度
默认单位是px(像素)width=“200px”
百分比设置,是父标签的百分比,是动态改变的width=“50%”
八、路径写法
1、内网路径
(1)绝对路径:不建议使用
src=“D:/1911?hello/abc/2.gif”
(2)相对路径:从引用这所在目录出发,建议使用
src=“.../2.gif”.../表示上一层目录,./表示当前目录
2、互联网路径
src="https://dss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=3898709406,858372587&fm=85&app=63&f=JPEG?w=121&h=75&s=FAA024C5BE5379D4EC0DC19C03008013"
九、超链接标签
1、用于定义一个可以点击跳转的链接
2、href:超链接跳转的路径(必有属性)
(1)内网本机路径:相对路径和绝对路径
(2)互联网路径:带http://……的地址
(3)本页:不写默认跳转到本页,相当于#
3、超链接要想正常工作:
(1)a标签中必须有内容
(2)a标签必须有href属性
3、注意:
(1)a标签内容体,不仅仅是文字,也可以是其他内容,例如图片
(2)a标签的href属性,不仅仅可以链接到html上,也可以链接到其他文件上,例如图片