html是根标签,所有的内容都需要放在html里面
head和body是结构化标签
head里面是设置给浏览器看的东西,比如一些编码字符集<meta charset="utf-8">(utf---万国码),页脚标<title>VVVGG</title>
body里面是给用户看的东西
p标签----段落标签,独占一行
h1~6-----标题标签,独占一行,可以自由的放大和缩小字体大小(h$*6 然后tab 生成 h1~6 标签)(ul>li*6 然后tab 生成ul然后ul下有6个li标签)
strong----加粗
em--------斜体
del--------删除标签类似这种
空格在html语言是文本分割符,不代表空格文本
html编码: 代表空格 < 代表小于符号 > 代表大于符号
标签是为了修饰里面的东西,作用其想要变成的样子
所以对于meta,br(回车),hr(水平线)这种能够单独完成一个功能的标签是不需要成对出现的就是单标签
ol>li (有序列表)
其中reversed表示反序,去掉为正序
ul>li 无序列表
只有一个属性值type,默认值为disc(实心圆)square(方块)circle(空心圆)
src--链接;alt---图片占位符;title----图片提示符
A标签的作用
1、超链接
target="_blank"---新建一个页面并跳转
2、锚点
a标签原本的作用---锚点,跳转到你想要跳转的位置
3、打电话
这就像一个外卖APP中的联系商家,会启动手机端的打电话功能
同理也可以用来发邮件
4、协议限定符
强制运行js代码
form标签
发送方法:get or post
发送地址:action=“https:www.baidu.com/123.php”
传送到后面需要值和名:值为输入的东西,名为input的name的username和password
传送数据到后端,提交成功后为如下url:
选择框
name值相同为同一组,只能选择一组中的一个
数据名:VV 数据值:one/two/three
提交以后的样子:
注 多选框type为checkbox;
默认选择:(复选框和单选框都可以使用)
下拉框
传递的名是province 对应的值就是option里的
模拟一下平常见到的搜索框
onfocus 组件聚焦
onblur 组件不聚焦
通过this来改变组件的状态