这是一个段落标签
html很简单,只是一门标记语言,没有任何变量以及语法结构,只有标签和注释
标签是组成html网页的最基本单元,其英文名是“tag”
标签分为内容标签和结构标签
标签还可以分为单标签和双标签
单标签的格式为: <标签名> <标签名/> <标签名 属性名="属性值" 属性名>
单标签:标签名 | 描述 |
meta | 元信息标签 |
link | css外链标签 |
img | 图片标签 |
input | 输入框标签 |
双标签:
标签名 | 描述 |
h | 标题标签 |
p | 段落标签 |
a | 超链接标签 |
div | 块级结构标签 |
span | 行级结构标签 |
form | 表单结构标签 |
ul | 无序列表结构标签 |
li | 列表项目标签 |
table | 表格标签 |
双标签的格式为: <标签名>标签名> <标签名 属性名="属性值"属性名>标签名>
这是一个无序列表,用到的是ul和li
这是一个有序列表,用到的是ol和li
内容标签主要包含展示内容,结构标签一般不会包含网页内容
在这之前你还要知道br是换行标签
strong或者b是html中的加粗标签
em或者i是html中的倾斜标签
del或者s是html语言中的删除线标签
这里还有一个ins和u的下划线标签
这是我要建立的一个图片网页
这个网页是通过href链接我本地的图片进行网页跳转
插入图片时设置alt属性防止图片不显示
title标签可以在图片长时间停留查看图片信息
插入图片时还要注意图片的高度和宽度
form标签是将数据提交到服务器端(先跳过)
input是制作表单标签
select标签为表单制作选项
textarea标签是文本区域标签,一般用于备注
姓名:div标签和span标签都是无语义标签,其实就是两个盒子,是在网页中布局使用的
div是独占一行的大盒子,span是不独占一行的小盒子
这三个小盒子组成的一行就是大盒子,也就是在一个div框架中
网页就先这样,要是无聊可以先点击这里玩会原神
这是一个另起网页的原神链接
这是一个骗人的空链接点击这里下载原神