一、基础语法
HTML特点
HTML不需要编译,直接由浏览器执行
HTML文件是一个文本文件
HTML必须使用.html或.htm为文件名后缀。
HTML大小写不敏感。
HTML基本结构
标题主体内容
HTML标签属性
语法:
...标签名>
如:
hellohello html!
紫色背景,内容为hello html
二、文档段落
1、文档声明和meta标签
网页编码问题
当网页(内容里面有中文)出现乱码时,需在
标签之间添加:注:utf-8、GB2312、gbk等编码
如
文字和段落标签hello html 是超文本标记语言
2、文字和段落
文字和段落标签
标题标签:
...段落标签:
align对齐属性值
left:左对齐;right:右对齐;center:居中对齐;justify:对行进行伸展,这样每行都有相同的长度。
换行标签
:预格式化标签,保留文本的输入格式如
文字和段落标签什么是HTML
什么是HTML
什么是HTML
什么是HTML
什么是HTML
什么是HTML
HTML 指的是超文本标记语言,HTML不是编程语言,而是一种标记语言。标记语言是一套标记标签,HTML 指的是超文本标记语言,HTML不是编程语言,而是一种标记语言。标记语言是一套标记标签,HTML 指的是超文本标记语言,HTML不是编程语言,而是一种标记语言。标记语言是一套标记标签,HTML 指的是超文本标记语言,HTML不是编程语言,而是一种标记语言。标记语言是一套标记标签
HTML 指的是超文本标记语言,HTML不是编程语言,而是一种标记语言。标记语言是一套标记标签,HTML 指的是超文本标记语言,HTML不是编程语言,而是一种标记语言。标记语言是一套标记标签,HTML 指的是超文本标记语言,HTML不是编程语言,而是一种标记语言。标记语言是一套标记标签,HTML 指的是超文本标记语言,HTML不是编程语言,而是一种标记语言。标记语言是一套标记标签
HTML 指的是超文本标记语言,HTML不是编程语言,而是一种标记语言。标记语言是一套标记标签,HTML 指的是超文本标记语言,HTML不是编程语言,而是一种标记语言。标记语言是一套标记标签,HTML 指的是超文本标记语言,HTML不是编程语言,而是一种标记语言。标记语言是一套标记标签,HTML 指的是超文本标记语言,HTML不是编程语言,而是一种标记语言。标记语言是一套标记标签
HTML 指的是超文本标记语言,HTML不是编程语言,而是一种标记语言。标记语言是一套标记标签,HTML 指的是超文本标记语言,HTML不是编程语言,而是一种标记语言。标记语言是一套标记标签,HTML 指的是超文本标记语言,HTML不是编程语言,而是一种标记语言。标记语言是一套标记标签,HTML 指的是超文本标记语言,HTML不是编程语言,而是一种标记语言。标记语言是一套标记标签
HTML 指的是超文本标记语言,HTML不是编程语言,而是一种标记语言。标记语言是一套标记标签,
HTML 指的是超文本标记语言,HTML不是编程语言,而是一种标记语言。标记语言是一套标记标签,
HTML 指的是超文本标记语言,HTML不是编程语言,而是一种标记语言。标记语言是一套标记标签,
HTML 指的是超文本标记语言,HTML不是编程语言,而是一种标记语言。标记语言是一套标记标签
HTML 指的是超文本标记语言,HTML不是编程语言,而是一种标记语言。
标记语言是一套标记标签,HTML 指的是超文本标记语言,HTML不是编程语言,而是一种标记语言。
标记语言是一套标记标签,HTML 指的是超文本标记语言,HTML不是编程语言,而是一种标记语言。
标记语言是一套标记标签,HTML 指的是超文本标记语言,HTML不是编程语言,而是一种标记语言。
标记语言是一套标记标签
截屏2020-06-29下午4.07.57.png
三、修饰标签和特殊符号
修饰标签:
:斜体 ;:斜体;
、加粗;
:上标;:下标
特殊符号:
< < 小于号或显示标记
> > 大于号或显示标记
® 已注册
© 版权
™ 商标
不断行的空格
如:
HTML 指的是超文本标记语言,HTML不是编程语言,而是一种标记语言。标记语言是一套标记标签
HTML 指的是超文本标记语言,HTML不是编程语言,而是一种标记语言。标记语言是一套标记标签
HTML 指的是超文本标记语言,HTML不是编程语言,而是一种标记语言。标记语言是一套标记标签
标签是成对出现,比如<b></b>
截屏2020-06-29下午4.31.48.png
三、列表标签
无序列表
....
type属性值:
disc :圆点
square:正方形
circle:空心圆
什么是HTML
HTML是用来描述网页的一种语言。
- HTML 是超文本标记语言
- HTML 不是编程语言,而是一种标记语言
- 标记语言是一套标记标签
- HTML使用标记标签来描述网页
- HTML 是超文本标记语言
- HTML 不是编程语言,而是一种标记语言
- 标记语言是一套标记标签
- HTML使用标记标签来描述网页
- HTML 是超文本标记语言
- HTML 不是编程语言,而是一种标记语言
- 标记语言是一套标记标签
- HTML使用标记标签来描述网页
截屏2020-06-29下午4.58.51.png
有序列表
语法:
....
type属性值:
1:数字1、2、3、、、
a:小写字母abc
A:大写字母ABC
i: 罗马数字i ii
I:大写罗马数字
- HTML 是超文本标记语言
- HTML 不是编程语言,而是一种标记语言
- 标记语言是一套标记标签
- HTML使用标记标签来描述网页
截屏2020-06-29下午5.04.44.png
定义列表
语法:
-
定义列表项
- 列表项描述
- 列表项描述 定义列表项
- 列表项描述
...
-
什么是HTML
- HTML是用来描述网页的一种语言。
- HTML 是超文本标记语言 HTML 不是编程语言,而是一种标记语言
- 标记语言是一套标记标签
截屏2020-06-29下午5.11.45.png
四、图像和超链接
截屏2020-07-01上午10.49.52.png
绝对路径与相对路径
截屏2020-07-01上午11.10.29.png
alt的作用:
当由于网速太慢、src中的属性错误、浏览器禁用图像、用户无法查看图像、alt可以代替图像显示在浏览器中的内容。
超链接(基础)
截屏2020-07-02上午10.26.28.png
站内链接、站外链接
百度
空链接
截屏2020-07-02上午10.53.52.png
锚链接
锚链接:单个页面内不同位置的跳转
同一页面
截屏2020-07-02上午11.08.33.png
锚的使用:
1,先定义锚的位置和名称
2,设置寻找锚的链接
不同页面
截屏2020-07-02下午3.41.35.png
邮件链接
截屏2020-07-03上午10.26.47.png
如果想成功打开邮箱需要在电脑上装有邮箱软件
文件下载
1,下载文件要压缩
2,直接写下载的文件名,会打开文件