Advertisement

前端开发基础(1)-html

阅读量：

1.1 HTML概述

1.1.1什么是HTML

  • 全称：超文本标记语言
  • HTML是一种编辑语言，使用嵌入标记来表明文本的格式
  • 通过这种嵌入标记的方式，HTML可以表示更加丰富的内容，不仅可以表示文本和数字信息，还可以方便地表示图像，动画，音频，视频，以及文档与文档之间的链接信息，这也是超文本的意义所在
  • 目前，HTML是网络上最流行的通用语言，也是我们开发web应用程序的基础

1.1.2 HTML的特点

  • 优点：易学，文件小，独立于平台，对多平台兼容，编写html文件不需要特殊软件，记事本即可
  • 缺点：不同的浏览器显示格式不一样
  • 语法特点：松散不严格

1.1.3 编写HTML文件的几种方式

1.1.4 最基础的四个标记


复制代码 
 <!--这是基本的html注释信息-->

    
 <html>
    
     <head>
    
     <title>my first html page</title>
    
     </head>
    
     <body>
    
     这是我第一个html页面
    
     </body>
    
 </html>
    
    
    
    
    html

1.1.5 HTML元素（标记，标签）概览

主窗体元素| HTML元素| 描述 |

--- ---
超文本头部信息的开始和结束
超文本窗口标题的开始和结束
用来描述html文档的元信息
网页主体部分，是html语言的核心部分

字符风格控制元素| html元素| 描述 |

--- ---
字体加粗
字体变斜
kongg 字体加下划线
字体加中划线
字体为上标
字体为下标
定义字体属性

版面控制元素| html元素| 描述 |

--- ---

段落的开始和结束
加水平线
<img src="url"...> 插入图片
位置控制

列表| html元素| 描述 |

--- ---
  		• 列表项

    链接| <a href= "连接地址”> | 超链接 |
    |---|---|

    表格| html元素| 描述 |

    --- ---
    表格行
    表格列

    表单元素| html元素| 描述 |

    --- ---
    普通输入文本
    密码输入框
    复选框
    单选框
    将图片设置为提交按钮
    下拉列表框
    设置下拉列表框
    多行文本域
    提交按钮
    重置按钮
    隐藏域
    文本选择框

    框架元素| html元素| 描述 |

    --- ---
    表示每一个框架显示的页面

    1.1.6 注意几点

    1.1.7 HTML中特殊字符（或HTML字符实体）

    复制代码 
     &nbsp                空格

    
 &amp                 &
    
 &it                  <
    
 &gt                  >
    
 &quot                "
    
 &qpos                '
    
    
    
    
    html

    1.2 创建显示web页

    常用标记

    1.3 表单

    1.3.1 表单的组成

    • 表单标记
      ：用于定义表单，并通过属性来指定处理表单数据所用程序的url，数据提交到服务器的方法等信息
    • 表单域：包含了文本框，密码框，隐藏框，多行文本框，单选框，复选框，下拉选择框和文件上传框等
    • 表单按钮：包括提交按钮，重置按钮和普通按钮
    • 基本语法格式
    复制代码 
     <form action= "url" method="get/post" name="name" onSubmit="" target="" >

    
  
    
 </form>
    
  
    
 <!--action属性：用来指定处理表单数据的程序url地址-->
    
 <!--method属性：用来指定提交方式，即数据传输到服务器的方式-->
    
 <!--get属性值：表示将数据追加到action指定的url地址的后面，并传送到服务器 -->
    
 <!--post属性值会将数据按照http协议中的post传输方式传送到服务器 -->
    
 <!--name属性：指定表单的名称，其值可自行定义，通过该属性，可以在javascript引用 -->
    
 <!--onSubmit属性：指定当前用户单击提交按钮时触发的事件，执行指定的事件处理程序 -->
    
 <!--target属性：指定输入数据结果显示在哪个窗口中 -->
    
    
    
    
    html
![](https://ad.itadn.com/c/weblog/blog-img/images/2025-08-18/XzmkQYKCc5OGDrNyTiqewadVAUlS.png)
    • 表单域和表单按钮

    type属性值| 属性值| 表单域| 属性值| 表单域 |

    --- --- --- ---
    password 密码框 reset 重置按钮
    file 文件上传框 button 普通按钮
    radio 单选框 hidden 隐藏框
    checkbox 复选框 image 图像域

    多行文本框用