[HTML基础 06|青训营]

112 阅读3分钟

1.HTML基础

HTML属性

  • class :为元素定义类名
  • id: 定义元素的唯一id
  • style: 规定元素的行内样式
  • title:描述额外信息

HTML文本格式化标签

  • 强调文本:
  • 加粗文本
  • 斜体字
  • 小号字
  • 下标字 上标字
  • 删除字 插入字

HTML链接

HTML头部

  • 元素 。定义了不同文档的标题,当网页添加到收藏夹时,显示在收藏夹中的标题;以及在搜索引擎结果页面的标题。宜简明扼要的变动网站的主要内容。
  • 通常用于链接到样式表 定义了文档与外部资源的关系
  • 定义了html文档的样式文件的引用地址,也可以直接添加样式来渲染html文档
  • 提供被浏览器解析的元数据

HTML与CSS

CSS添加到html中的三种方式:1.内联样式:直接在元素中使用style属性2.内部样式表:在html文档头部区域使用元素来包含css3.外部引用:使用外部CSS文件 background-color:背景颜色/font-family:字体/color:颜色/font-size:字体大小 text-align:文字对齐

HTML图像

注意:

alt属性:当图片无法加载时,给用户显示替换文本 align属性:bottom/middle/top (此属性已在html4中被废弃)

HTML表格

基本语法:标签

用于定义表格 _ 标签用于定义表格中的行,必须嵌套在
中_ _ 标签中,td意味table data_

属性:
  • border:值默认为“ ”,表示没有边框;若值为1的表明有边框
  • align :left/center/right,用来阐明表格元素对齐格式
  • width:规定表格宽度
  • hight :规定表格高度
  • cellpadding:规定单元边沿的内容之间的空白
  • cellspacing:规定单元格之间的空白

HTML列表

分为三种:无序列表、有序列表、自定义列表。

  • 无序列表:用
      来表示,用
    • 来框住列表项
    • 有序列表:用
        来表示,用
      1. 来框住列表项
      2. 自定义列表:用
        来表示,与
        配合使用

    HTML表头

    用来收集用户信息和进行交互。form标签会将它范围内的表单元素信息提交给服务器

    • 标签的常用属性:

    表单控件

    在表单域中收集各种表单元素

    • 标签用来收集用户信息,包含type属性,决定了输入字段的不同形式type属性包含:input的其他属性:name/value/checked/maxlength

      • button 定义可点击按钮
      • checkbox 复选框,定义一个可选的框
      • file/image定义一个上传文件/图片的按钮
      • password 定义密码字段 字符被掩码
      • radio/reset/submit 定义一个单选/重置/提交按钮
      • text 定义输入字段 默认长度20个字符
    • 标签为input定义标注,当点击label标签内的文本时,浏览器自动将焦点转到对应元素上,与input一起使用

    • 标签设置多个选项 和配合使用 标签用来开一个文本框,输入内容较多时可以用。有两个属性,rows/cols_cols=每行字符数rows=显示的行数_

用于定义表格中的单元格,必须嵌套在