HTML标签、表格结构、表单

2.1标题标签:

~

字体逐渐减小

2.2段落标签:

可以将网页内的文字分为若干个段落

2.3水平线标签:


创建横跨网页水平线的标签,将段落与段落之间隔开

2.4换行标签:

2.5图像标签:

属性 属性值 必须 描述
src URL 图像的路径,可以是相对路径也可以是绝对路径
alt 文本 图像不能显示时的替换文本
title 文本 鼠标悬停时显示的内容
width 像素 设置图像的显示宽度
height 像素 设置图像的显示高度

2.6链接标签: 创建超链接,图片音频视频都可以添加超链接

2.7锚点定位:通过创建锚点链接,用户能够快速定位到目标内容

创建锚点链接:

  1. 使用链接文本创建连接文本:

  2. 使用相对应的id名标注跳转目标的位置:

2.8注释标签 ctrl+shift+/

3.2绝对路径:文件在硬盘上真正存在的路径

3.3相对路径:相对于自己的目标文件位置

4.列表

4.1无序列表:各个列表之间

注意:

     
  •  
  •   ...

4.2有序列表:有排列顺序的列表,

4.3自定义列表:常用于对术语或名词进行解释和描述,定义列表的列表项没有任何项目符号

 
名词1
 
名词1解释1
 
名词2解释2
 
名词2
 
名词2解释2

5.表格制作

5.1表格结构:可以将表格划分为标题、头部、主体和脚注。

:用于定义表格头部。一般包含列明、行号登表头信息

:用于定义表格主体。一般包含数据内容

:用于定义表格脚注

:用于定义表格的一行

:用于定义表格标题

:用于定义表格的一格

5.2表格属性

属性名 含义 常用属性值 默认值
border 设置表格边框 像素值 0,无边框
cellspacing 设置单元格与单元格之间的空表间距 像素值 2px
cellpadding 设置单元格内容与单元格边框之间的空白间距 像素值 1px
width 设置表格的宽度 像素值
height 设置表格的高度 像素值
align 设置表格在网页中的水平对齐方式

表单

  1. 表单

    • 表单控件:包含了具体的表单功能项

    • 提示信息:一个表单中通常还需要包含一些说明性文字,提示用户进行填写和操作

    • 表单域:相当于一个容器,用来容纳所有的表单控件和提示信息

  2. input标签

    1. type属性

      • text 文本输入框

      • password 密码输入框

      • number 数字输入框

      • datetime 日期时间输入框

      • tel 电话号码输入框

      • email 电子邮箱输入框

      • radio 单选按钮

      • checkbox 复选框

      • search 搜索框

      • button 普通按钮

      • submit 提交按钮

      • reset 重置按钮

      • file 文件域

      • hidden 隐藏域

    2. name

      • text 标签的名称(表单域内唯一)

    3. value

      • text 标签的默认值

    4. maxlength

      • number 允许输入的最大字符数

    5. checked

      • checked 选择标签默认被选中的项

    6. readonly

      • readonly 输入字段是只读的

    7. required

      • required 必须在提交表单之前输入字段

    8. disabled

      • disabled 禁用标签

    9. placeholder

      • text 输入前的提示信息

3.文件上传

  • enctype="multipart/form-data"

你可能感兴趣的:(html,前端)