HTML学习总结

最新推荐文章于 2024-10-04 06:11:34 发布

EmorZhong

最新推荐文章于 2024-10-04 06:11:34 发布

阅读量125

点赞数

分类专栏：我的JAVA 文章标签： html html5

本文链接：https://blog.csdn.net/qq_44944580/article/details/105517448

版权

我的JAVA 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

标签学习

2020/2/29 22:12:24

文件标签：构成HTML最基本的标签
1. html：html根标签
2. head：头标签，属性，引入外部资源
3. title：标题
4. body：体标签
5. <!DOCTYPE html>
文本标签：和文本相关的标签
1. <h1>
2. <p>
3. <br>
4. <hr>
  1. color
  2. width
  3. size
  4. align
5. <b>：加粗
6. <i>
7. <font>：已经淘汰
  1. color:
    1. #value,value,value 00~ff：#ff00ff
    2. rgb(0,0,255)
  2. size
  3. face
  4. width
    1. 数值：默认px
    2. 百分比：50%（相对父元素）
图片标签：
1. <img>
  1. src
    1. 相对路径怎么写
    2. 以.开头
      1. ./pic/1.jpg 当前目录
      2. …/pic/1.jpg 上一级目录
  2. align
  3. alt
  4. width
  5. height
列表标签
1. 使用<table>来布局
2. 如果某一行只有一个单元格，使用<tr><td></td><tr>
3. 如果有多行<tr>
  <td>
  <table></table>
  </td>
  </tr>
超链接标签：
1. href
2. target
  1. _self：当前页面
  2. _blanck：在空白页
表格标签：
1. table：表格
  1. width：宽度
  2. border：边框
  3. cellpadding：
  4. cellspacing：定义单元格之间的距离，若为0，则单元格的线会合为一条
2. tr：行
3. td：单元格
4. th：表头
5. <caption>：表格标题
6. <thead>:语义标签
7. <tbody>:语义标签
8. <tfoot>:语义标签
语义化标签：
1. <header>
2. <footer>
列表标签：
- 有序标签
  1. ol:order list
  2. li:list item
  3. type = “a”
  4. start = “2”
- 无序标签
  1. ul
  2. li
块标签：<div> <span>
1. span：文本信息在一行展示。行内标签（内联标签）
2. div：每一个div占满一行。块级标签
表单标签：
- 表单：
  - 概念：用于采集用户输入的数据的。
- form：用于定义表达。定义一个范围。采集用户数据的范围
- 属性
  1. action: 指定提交数据的URL
  2. method：指定提交方式(一共7种）
    1. get
    2. post
- 表单项标签
  1. input：可以修改type
    1. type属性
      1. text:默认值
      2. password：
      3. radio:单选框
        如果要单选，要指定name相同
        一般会提供value属性
      4. checkbox:复选框
        name
        value
        checked ( checked or checked = “checked” )
        type
        placeholder：指定输入框的提示信息
        id
      5. file
      6. hidding隐藏域
      7. submit
      8. image
        src
      9. button
      10. date
      11. color取色器
      12. search
      13. number
    2. label：标签，指定输入项的文字表述信息，如果对应了input，就会让光标聚焦到输入框
  2. select：下拉列表
    1. name
    2. value
    3. selected
  3. textarea：文本域
    1. rows：
    2. cols：