HTML入门

标签:

  1. 文件标签:构成html最基本的标签

    • html:html文档的根标签
    • head:头标签,用于指定html文档的一些属性,引入外部资源
    • title:标题标签
    • body:体标签
    • <!DOCTYPE html>:html5中定义该文档是html文档
  2. 文本标签:和文本有关的标签

    • 注释:<!-- 注释内容 -->
    • <h1> to <h6>:标题从大到小分为6个等级
    • <p>:段落
    • <br>:换行
    • <hr>:分割线
      • 属性:
        • color:颜色
        • width:宽度
        • size:高度
        • align:对齐方式
          • center:居中
          • left:左对齐
          • right:右对齐
    • <b>:加粗
    • <i>:斜体
    • <font>:文字标签(html5已经淘汰)
    • <center>:文本居中
      • 属性:
        • color:颜色
        • size:大小
        • face:字体
  3. 图片标签:

    • <img src="图片链接或位置">
      • 属性:
        • alt:当图片不显示时在网页上显示的文字
        • width:图片的宽度
        • height:图片的高度
        • align:图片的位置
  4. 链接标签:

    • <a href=""> Link text </a>
      • 属性:
        • target:当此值为_blank时在新窗口打开,默认是在本窗口打开
        • 也可以使用图片当作超链接
  5. 列表标签:

    • 有序列表:

      • <ol>

        <l

        .... <li>

        </ol>

    • 无序列表

      • <ul>

        <l

        ... <li>

        </ul>

  6. 块标签:

    • div:每一个div占满一个满行,块级标签
    • span:文本信息在一行显示,行内标签,内联标签
  7. 语义化标签:html5中为了提高程序的可读性而提供

    • <header>:页眉
    • <footer>:页脚
  8. 表格标签:

    • table:定义表格
      • width:宽度
      • border:边框
      • cellpadding:定义内容与单元格的距离
      • cellspacing:定义单元格之间的距离
      • bgcolor:背景色
      • align:对齐方式
    • tr:定义行
      • bgcolor:背景色
      • align:对齐方式
    • td:定义单元格
      • rowspan:合并行
      • colspan:合并列
    • th:定义表头单元格
    • caption:设置表格标题
    • thead:表示表格的头部
    • tbody:表示表格的体部
    • tfoot:表示表格的尾部
  9. 表单标签:

    • form:用于定义表单,可以定义一个范围,范围代表采集用户数据的范围
      • 属性:
        • action:提交数据的url
        • method:指定提交方式
          • 分类:一共有7种,2种比较常用
            • get:
              1. 请求参数会在地址栏中显示
              2. 请求参数大小是有限制的
              3. 不太安全
            • post:
              1. 请求参数不在地址栏中显示,会封装在请求体中
              2. 请求参数大小没有限制
              3. 较为安全
      • 表单中的数据要想被提交,必须指定其name属性
      • 表单项标签:
        1. input:可以通过type属性值改变样式
          • text:文本输入框
          • password:密码输入框
          • radio:单选框
            • 要想让多个单选框实现单选的功能,则多个单选框的name属性值必须一致
            • 一般会给每一个单选框提供value属性值,指定其被选中后提交的值
            • checked属性,默认选项
          • checkbox:复选框
          • placeholder:输入框提示信息
        2. select:下拉列表
          • 子元素:option,指定列表项
        3. textarea:文本域
          • cols:指定列数,每一行有多少个字符
          • rows:默认多少行
        4. label:指定输入项的文字描述信息
          • label的for属性一般会和input的id属性相同,如果对应了点击label区域,会让input输入框获取焦点
Last modification:July 22nd, 2020 at 10:45 pm
如果觉得我的文章对你有用,请随意赞赏