html基础标签的分类及使用说明

最新推荐文章于 2024-09-14 15:26:51 发布

前端工程师的自我养成

最新推荐文章于 2024-09-14 15:26:51 发布

阅读量112

点赞数

分类专栏：前端文章标签： html 前端学习

本文链接：https://blog.csdn.net/weixin_46210899/article/details/130444729

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

本文介绍了HTML的基本构成，包括各种标签的使用，如标题标签(h1-h6)，段落(p)，换行(br)，图像(img)，超链接(a)，表格(table)，表单(input)，以及语义化标签如<header>和<footer>等。还提到了路径的概念，包括相对路径和绝对路径。

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

html构成

html基础标签-------思维导图

在这里插入图片描述

带尖括号的
- 标签成对出现，中间包裹内容
- 单标签
关系
- 父子
  - 嵌套
- 兄弟
  - 并列
标题标签
- h1-h6
  
  h1标题在网页只用一次，用于放新闻标题或者图片
  h1-h6 文字加粗，字号逐渐减小，独占一行
段落标签

特点
独占一行
段落前后有间隙
- p
换标签行和水平线

回撤的效果！
- br/hr
文本格式化标签
- 加粗
  - strong
  - b
- 下划线
  - ins
  - u
- 倾斜
  - em
  - i
- 删除线
  - del
  - s
图像标签

./快捷键
属性：
alt：替换文本：图片显示不出来的时候现实其标题名称
title:鼠标点到上面时显示的名称
src：是图片的原地址
width
height
- img src=“”
超链接
- a
  
  当前页面
  href=“”,值为#时，不跳转
  新开页面
  href=“” target=“——blank“
音频标签

controls=“controls”和controls一个全写一个简写
loop循环播放
autoplay自动播放
浏览器会默认禁止自动播放声音
- audio
视频标签

controls
loop
autoplay
muted静音播放！
浏览器支持自动播放静音的视频
- video
列表标签

列表内容排列整齐
- 无序标签
  
  无序标签：ul里只能放li标签，不能放标题或者其他的标签
  - u l
    - li
- 有序标签
  - ol
    - li
- 定义列表
  - dl
    - dt
    - dd
表格标签

合并单元格：
跨行合并rowspan
跨列合并colspan
- table
  
  表格默认没有边框线，border边框线
  - tr
    - th
    - td
- 结构标签
  - thead
  - tbody
  - tfoot
表单标签
- input
  
  type=
  text
  password
  radio 单选框 name=“” checked 默认选择
  checkbox 复选框
  file上传文件多文件上传 multiple
  占位文本
  placeholder
- 下拉菜单
  - select
    - option
- 文本域标签
  - textarea
    
    属性
    cols
    rows
- lable
  
  增大表单控件的点击范围
  第一种，把需要点击的内容放到lable中，for的值=id的值
  第二种，把单选框和内容都放入lable中，不需要给for值
- from表单区域
  
  统一管理，单独放文本区域和密码区域，提交按钮和重置无反应，需要将他们统一放入from表单里，action为文本提交的地址
- 按钮
  - button
    
    button 常规按钮
    submit. 提交按钮，将数据提交到指定地方
    reset。重置按钮
- 无语义的布局标签
  - span
    
    不换行
  - div
    
    独占一行
- 实体字符
  
  空格
  大于>. >
  小于<. ⁢