HTML标签总结

冷不防 2021-09-25 12:48 363阅读 0赞

### HTML概述 ###

HTML: Hyper Text Markup Language 超文本标记语言

超文本: 比普通文本功能更加强大,可以添加各种样式

标记语言: 通过一组标签.来对内容进行描述. <关键字> , 是由浏览器来解释执行

### HTML语法规范 ###

> 1. 上面是一个文档声明   
> 2. 根标签 html  
> 3. html文件主要包含两部分. 头部分和体部分  
>         头部分 : 主要是用来放置一些页面信息  
>         体部分 : 主要来放置我们的HTML页面内容  
> 4. 通过标签来对内容进行描述,标签通常都是由开始标签和结束标签组成    
> 5. 标签不区分大小写, 官方建议使用小写

### 标签总结 ###

> p标签: 段落标签
> 
> br标签: 简单换行
> 
> h1-h6: 标题标签
> 
> hr标签: 水平分割线, 华丽的分割线
> 
> font标签: color属性改变颜色 , size
> 
> b标签: 加粗
> 
> i标签: 斜体
> 
> strong标签: 带语义的加粗
> 
> em标签: 斜体标签,带语义
> 
> img标签: 图片标签 显示图片
> 
> src: 指定图片路径(相对路径)
> 
> width: 宽度
> 
> height: 高度
> 
> alt: 图片加载失败时的提示
> 
> 相对路径:
> 
> ./ 代表当前路径
> 
> ../ 代表的是上一级路径
> 
> ../../ 代表的是上上一级路径
> 
> ul标签: 无序列表
> 
> ol标签: 有序列表
> 
> li标签: 列表项
> 
> a标签: 超链接标签:
> 
> target: 打开方式
> 
> href: 指定要跳转的链接地址
> 
> table标签: table > tr > td
> 
> tr标签: 行
> 
> td标签: 列
> 
> 合并行: rowspan
> 
> 合并列: colspan
> 
> 网站注册案例:
> 
>     form 标签: 表单标签,主要是用来向服务器提交数据
> 
>         method: 提交方式 get  post
> 
>         action : 提交的路径
> 
>     input 标签:
> 
>             type: 
> 
>                 password: 密码框
> 
>                 text : 文本
> 
>                 submit:  提交
> 
>                 button:  普通的按钮
> 
>                 reset:  重置按钮
> 
>                 radio: 单选按钮 设置name属性让它们是一组
> 
>                 checkbox: 复选按钮 
> 
>                 email:
> 
>                 date:
> 
>                 tel:
> 
> frameset : 框架标签
> 
>     rows:
> 
>     cols:
> 
> frame: