详解html所有标签,速看

最新推荐文章于 2023-02-10 18:22:50 发布

ZZZ --- jh

最新推荐文章于 2023-02-10 18:22:50 发布

阅读量290

点赞数 2

分类专栏： html

本文链接：https://blog.youkuaiyun.com/ZZZ___jh/article/details/117229936

版权

html 专栏收录该内容

6 篇文章

订阅专栏

移动端背景

前提:

HTML发展:

1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）
HTML2.0–1995年11月作为RFC1866发布
HTML3.2–1997年1月，W3C推荐标准
HTML4.0–1997年12月，W3C推荐标准
XHTML1.0–2000年1月
HTML5–2014年10月，W3C推荐标准

URL 统一资源定位符:

网址：www.baidu.com baidu.com
完整的URL：http://www.baidu.com/xxoo/ooxx/test.php?name=zhangsan&sex=nan#top
HTTP://协议（超文本传输协议）默认的协议
HTTPS://更安全的超文本传输协议，加了安全套接字
请求方式 : get请求（url请求）特点:所有的请求都会显示在url上;长度有限
post请求特点:密文请求;不会显示在浏览器上面;相对安全

基本标签:

<!doctype html> 表示声明文档为html文本，告诉浏览器这是一个html
<html></html> html标记表示里面的文本为html，所有的html代码应该写在这对标签里面
<head></head> 头标签：标签内放置的内容是给浏览器看的

          <title></title> 网站的标题标签
          <meta charset='utf-8' /> 告诉浏览器用utf-8的编码去解析
          <meta name='keywords' content='关键字的内容' /> 多个关键字之间使用英文逗号分隔; 重要性从前往后一次递减，重要的东西放在前面; 不会显示在页面上，告诉搜索引擎网站是干什么的
          <meta name='description' content='对网站描述的内容'/> 多个关键字之间使用英文逗号分隔; 会在搜索引擎搜索网站的时候显示; 这些内容不会显示在页面上，主要是给搜索引擎用的。良好的编写网站描述，有助于搜索引擎收录网站
         其他标签:
          <script></script> JavaScript加载js脚本，或者写js代码使用的标签
          <link /> 加载css样式文件
          <style></style>写css代码用
<body></body> 放置网页内容的，所有显示在网页上面的内容都应该写在body标签内
          <hn></hn> 标题标签(n是从1~6,1最大，6最小，逐渐递减)
          <p></p> 段落标签(会自动换行)
          <b></b>加粗标签
          <strong></strong> 不仅能加粗所标记的内容，还有语义上的强调
          <i></i> 斜体标签
          <em></em> 展示斜体效果，语义上强调
          <sup></sup> 上标
          <sub></sub> 下标
          <ul></ul> 无序列表
          <ol></ol> 有序列表
          实体标签: < <       > >       空格  
          <br /> 换行
          <hr /> 页面中创建一个水平线
          <del></del> 删除线
          <center> 居中</center>
          <img src='图片的路径' alt='当图片不能正常显示时给用户的提示'/>

          <a href='链接的地址' target='链接打开的方式'>超链接</a>
          链接打开的方式:
                _self 本页面打开（默认）
              _blank 在新窗口打开
                _parent 在父窗口打开
                _top 在顶级打开
               id或者name属性:
                通过id或者name属性可以标记锚点
                然后href路径后面填写 #加上锚点的名字，可以跳转到锚点的位置
                <a id='maodian'> 标记的锚点</a>
                <a href='#maodian'>点击可以跳转到锚点处</a>

          路径问题:
          相对路径: 相对于当前文件位置的路径，以当前文件作为参照物
          绝对路径: 1.本地绝对路径(D:/biji/lesson03/1.html 从盘符开始找)
                                  2.互联网的绝对路径(http://www.baidu.com/home/1.html)
           …/ 上级目录
          ./ 当前目录

<table></table> 表格

                      <caption></caption> 定义表格的标题
                      <tr></tr> 定义行
                      <th></th> 定义表格的表头
                      <td></td> 定义行里面的单元格
                      <thead></thead> 定义表格的页眉
                      <tbody></tbody> 定义表格的主体
                      <tfoot></tfoot> 定义表格的页脚
                      属性：
                         cellspacing 增加单元格之间的距离
                         cellpadding 单元格内容与其边框之间的空白
                         colspan 跨列
                         rowspan 跨行
                         border 设置边框
                         width 设置宽度
                         align 水平对齐方式(center 居中; left默认左对齐; right 右对齐)
                         valign 垂直对齐方式（vertical 垂直的意思）(top 向顶部对齐; bottom 底部对齐; center 默认居中)

<div></div> 块状元素
<span></span> 行内元素

          <form></form> 表单
                    属性:
                        action 表示表单提交到哪
                        method 表单提交的方式
                    <input />的属性:
                        text 文本输入框
                        password 密码输入框
                        radio 单选框
                        checkbox 多选框
                        file 文件上传框
                        email 邮箱输入框
                        submit 提交按钮
                        reset 重置按钮
                        range 滚动条
                        url 地址输入框
                        number 数字输入框
                        image 图片按钮 (src=‘图片的路径’)
                        color 颜色选择框
                        time时间(a上午; p下午)
                        date日期
                    <select></select> 下拉框
                                <option> 选项</option>
                    <textarea></textarea> 文本域
                    <button></button> 按钮
                    其他属性:
                            disabled 禁用
                            checked 默认选择（单选，多选）
                            selected 默认选择（下拉菜单）
                            name属性（后台可以通过name属性来区分你是表单的哪个标签）
                            value 例如可以给input框等其他里面设置默认值
                            max 和min 分别为最大值和最小值（range，number）
                            autofocus 自动聚焦
                            size 可以用来设置输入框的长度