这是大标签,放标题或者logo

等我有时间一定给这个网页做美化 注:这个h2和h3常用于网站板块标题,h4常用于网站附加内容标题或文章标题

这是一个段落标签

html很简单,只是一门标记语言,没有任何变量以及语法结构,只有标签和注释

标签是组成html网页的最基本单元,其英文名是“tag”

标签分为内容标签和结构标签

标签还可以分为单标签和双标签

单标签的格式为: <标签名> <标签名/> <标签名 属性名="属性值" 属性名>

单标签:

标签名 描述
meta 元信息标签
link css外链标签
img 图片标签
input 输入框标签

双标签:

标签名 描述
h 标题标签
p 段落标签
a 超链接标签
div 块级结构标签
span 行级结构标签
form 表单结构标签
ul 无序列表结构标签
li 列表项目标签
table 表格标签

双标签的格式为: <标签名> <标签名 属性名="属性值"属性名>


这是一个无序列表,用到的是ul和li

这是一个有序列表,用到的是ol和li

  1. 原神
  2. 异环
  3. 鸣潮

内容标签主要包含展示内容,结构标签一般不会包含网页内容


在这之前你还要知道br是换行标签


strong或者b是html中的加粗标签


em或者i是html中的倾斜标签


del或者s是html语言中的删除线标签


这里还有一个ins和u的下划线标签




这是我要建立的一个图片网页

这个网页是通过href链接我本地的图片进行网页跳转

插入图片时设置alt属性防止图片不显示

title标签可以在图片长时间停留查看图片信息

插入图片时还要注意图片的高度和宽度




接下来这部分是form和input的表单标签

form标签是将数据提交到服务器端(先跳过)

input是制作表单标签

select标签为表单制作选项

textarea标签是文本区域标签,一般用于备注

姓名:
密码:
性别:
爱好:听音乐 弹吉他 打游戏
头像:
生日:
颜色:
学校:
备注:
提交:


接下来是对div标签和span标签的介绍

div标签和span标签都是无语义标签,其实就是两个盒子,是在网页中布局使用的

div是独占一行的大盒子,span是不独占一行的小盒子

小盒子 小盒子 小盒子

这三个小盒子组成的一行就是大盒子,也就是在一个div框架中



html的基本内容就到这里了,还有剩下的接下来的日子里会慢慢补充

感兴趣可以看看简历个人简介

网页就先这样,要是无聊可以先点击这里玩会原神

这是一个另起网页的原神链接

这是一个骗人的空链接

点击这里下载原神