1、网页基础代码
(1)
<DOCTYPE html>
doc是指document文档
type是指类型
规定文档类型是html类型
(2)
<head></head>
指网页头部
<meta charset=”UTF-8”>
用来指定编码格式的
<title></title>
用来指定网页的窗口标题
<body></body>
网页的身体，只要在页面当中可以看到的东西全部都写在body中。
2、标签的语法
学习html就是学习标签
标签的标志就是：尖括号
标签也称为：标记、元素
语法：
<标签的名字>
标签的分类：
（1）单标签：/是结束标记(在单标签里面/可以不写
语法：<标签的名字 属性名字1=”属性值” 属性名字2=”属性值”>
特点：只有一个开始标签
（2）双标签：
语法：<标签名字 属性名字1=”属性值” 属性名字2=”属性值”></标签名字>
特点：有开始有结束
3、文章标题标签
作用：文章标题
特点：①双标签；②文字有加粗效果；③字号从大到小的变化规律；④独占一行
标签：h1-h6
特殊性：h1标签是有特殊性的，一般情况下h1标签是唯一的，h1一般是用来放首页logo图的
4、段落标签
作用：一般是用来放一大堆文字的
标签：p
特点：①双标签；②p标签和p标签之间是有间距的；③文字是根据浏览器窗口的大小自动换行
5、文字的加粗标签
标签：b和strong
特点：①双标签；②一行显示
区别：strong标签更加语义化，有强调作用（语气加重表强调）
6、倾斜标签
标签：i和em
特点：①双标签；②一行排列显示
区别：em标签更加语义化，有强调作用（语气加重表强调）
7、下划线
标签：u
特点：①双标签；②一行排列显示
8、删除线
标签：s和del
特点：①双标签；②一行排列显示
区别：del标签更加语义化，有强调作用（语气加重表强调）
9、文字的上标和下标
上标：sup
使用场景：数学公式 a2+b2=c2
下标：sub
使用场景：化学公式 h2o
10、特殊标签（修饰）
强制换行标签：br
特点：单标签
水平线标签：hr
特点：单标签
11、特殊符号
（1）空格： ；（小）&emsp；（大）
（2）版权符号：©； ©
（3）商标符号：®；
（4）大于号：>；
（5）小于号：<；
12、列表标签
有序列表和无需列表的使用场景：
①做新闻列表；
②做导航栏；
无序列表的使用概率是99.99%
（1）有序列表 ol+li li独占一行
列表默认符号是1、2、3、4、5
可以通过type属性更改列表前面的符号
1、A、a、i、I
start属性：更改起点值的
（2） 无序列表 ul+li
列表符号默认是：实心圆点
disc：实心圆点
squart：空心方块
circle：空心圆点
none：空，没有，清空列表符号（最常用）
（3）自定义列表 dl+dt和dd
使用场景：图文编排
dd是对dt的解释说明
13、图片标签
标签名字：img
特点：①单标签；②一行排列显示
属性：
（1）src属性：写图片的路径
路径： ../上一级 ../../上两级
（2）alt属性：当图片加载不出来的时候显示alt里的文字
加载不出来图片的情况：
①网速慢
②路径写错
（3）title属性：当鼠标移入到图片上的时候显示的提示文字（鼠标悬浮---鼠标划入）
14、超链接标签
作用：实现页面的跳转
名字：a
特点：①双标签；②一行排列显示
属性：
href=""写你要跳转的地址（网址）
target=""
_blank:在新窗口打开
_self:在当前页面打开（默认值）
15、网页的组成结构
html：结构（作用：搭建网页的骨架）
css：表现（作用：美化页面）
js：行为（作用：实现网页的交互效果）
16、表单标签
表单标签是用来做什么的：用来收集用户信息的
标签：form标签
其实就是：输入框、单选、多选…
（1）文本输入框 input标签 type属性值是text
（2）密码输入框 input标签 type属性值是password
（3）提交按钮 input标签 type属性值是submit
（4）重置按钮 input标签 type属性值是reset
扫一扫
770
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
