HTML基础知识点_html定义span占位-CSDN博客

本文链接：https://blog.csdn.net/weixin_51369658/article/details/109498394

本文详细介绍了HTML的基础知识，包括文件命名规则、基本标签如h1-h6、i/em、b/strong、u、p、br、hr、span、a、img等，以及三大列表标签、div盒子、元素类型、表格、表单、表单元素。还涵盖了HTML5的发展史和语义化标签，如header、section、footer等，并提及了音视频标签和H5表单元素。

摘要由CSDN通过智能技术生成

html的简单标签

HTML就是一个超文本标记语言，也叫标签语言

标签分单标签，对标签

单标签(空标签):<标签属性="值" />

对标签:<标签属性="值1 值2 值3"></标签>

文件命名规则

1: 由英文字符,下划线,数字组成
2: 不能出现中文符号,空格,特殊的符号
3: 不能以数字开头
4: 见名知意

基本标签

h1-h6: 标题标签,单独占据一行,文本默认加粗变大,依次变小,h1在一个页面中只允许出现一次,其他的可以多次出现

i / em: 倾斜标签,只占据自己内容大小的位置

b / strong: 加粗标签,只占据自己内容大小的位置

u: 下划线标签

p: 段落标签,单独占据一行,p不能嵌套p,不能嵌套单独占据一行的元素,能嵌套在一行显示的元素

br:换行
hr:水平线

span: 文本节点标签,只占据自己内容大小的位置,议案结合css表现视觉效果

sup:上标

sub:下标

a: 超链接标签,实现页面与页面之间的跳转,只占据自己内容大小的位置,文本默认蓝色带有下划线
           href="跳转链接"
           title="鼠标移入的提示信息"
           target="跳转方式"
               _self   当前窗口刷新(默认值)
               _blank 不断打开新窗口
               _new 在新窗口中刷新

img: 图片标签,在页面中插入一张图片
           src="推按路径"
               同级查找 ./
               查找下级
               查找上级(返回上级目录) ../../

           width="宽度"
           height="高度"
           【注】只写宽度/高度,另一边等比例缩放
           title="鼠标移入的提示信息"
           alt="文本提示信息"
           图片加载失败时的文本显示
           主要给搜索引擎查看,可以空着

注释标签,不会显示在页面中,也不会影响页面程序的执行,只是给程序员看的