一.什么是html
html是超文本语言,也是标识语言
二.html特点
1.简易性
2.可拓展性
3.平台无关性
4.通用性
三.html标签
标题标签
到
6个等级标题 h1最大 段落标签
(1) 空格(必须手打) (2)em 标签表示斜体 (3)i 标签表示斜体 (4)br 表示换行 (5)b 标签表示加粗 (6) strong 标签表示加粗 (7)s 标签表示删除线 (8)u 标签 表示下划线 (9)font 颜色 (10)sub下标 (11)sup上标图片标签
img src="1111.png" alt="2222" width="500" height="500">
本地路径
img src="https://wx3.sinaimg.cn/mw690/9206e864gy1h0vosbuq1wj20u01wctkm.jpg" alt="网页" width="500" height="500" >网络路径
链接标签
定义:从一个网页指向另一个网页的目的地,这个目标可以是一个网页,也可以是相同上的位置,还可以是图片,一个文件,一个应用程序等;
四种类型:
a.新连接覆盖原连接
b、新开一个窗口
c、图片连接
d、死链接
格式如下
a href="https://www.baidu.com/">百度
新连接覆盖原连接
a href="htpps://www.jd.com/" target="_blank">京东
新开一个窗口
a href="https://www.4399.com/" target="_blank">img src="1111.png"> <br图片连接
a hreflang="#">dcs
死链接
列表标签
有序列表
ol
格式如下type后面可以跟1,a,A
ol type="A">有
/ol>
无序列表
ul
格式如下
type后面可以加circle(实心圆)、disc(空心圆)、square(实心方块)
ul type="" >
<li>ss</li>
<li>aa</li>
<li>dd</li>
<li>ww</li>
表格
table
table border="2" height="50" wedth="100" bgcolor="pink" cellspacing="5" cellpadding="10" align="center">
tr>
姓名
sedking
111
年龄
年龄
tr>
姓名
sedking
111
姓名
sedking
表单标签格式:form
action:开始网址
method:get和post等等
表单标签:主要用来收集用户输入信息如:登入、注册、搜索商品等
用户名格式:text (明文)
密码格式:password (密文)
性别:radio 性别格式 性别是单选,单选类型是radio,注意name要加上sex
复选框:checkbox
文本框:textarea
上传文件:file
下拉选择框:select
button:按钮
reset:重置
submit:提交
css
层叠样式
(1)定义:css是一种用来表现html或xml等文件样式的计算机语言。
(2)css 不仅可以静态的修饰网页,还可以配合各种动态对网页元素进行格式化;
(3)层叠样式表有两种方法:
第一种:在head中加上style属性
第二种:通过外部链接的方式添加
1.新建一个css文件
注styel中的优先级高于head中的link
id选择器
在id属性值前加#
class选择器
在class属性值前加.
标签选择器
组合选择器
伪类选择器
字体样式和文本样式