Web自动化要懂的html基础

最新推荐文章于 2026-06-25 10:20:43 发布

原创最新推荐文章于 2026-06-25 10:20:43 发布 · 287 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

web自动化

本文介绍了HTML的基础知识，包括文档类型声明、HTML结构、常用的HTML标签，如字体、段落、图片和超链接标签。还提到了CSS和JavaScript在网页设计中的作用，强调了HTML结构对于网页内容的重要性。

Html、CSS、JavaScript

1. HTML是网页内容的载体
首先了解HTML 是不是门编程语言呢？不是，它是称为超文本标记语言，是一种标识性的语言。它包括一系列标签，标记静态网页内容的载体。内容就是页面上想要让用户浏览的信息，可以包含文字、图片、视频等。

2. CSS样式是什么？
CSS样式就用来改变网页外观的样式。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。先不用了解太多。

3. JavaScript
JavaScript是不是编程语言呢？是的，是 Web 的编程语言，可以用来实现网页上的特效效果，可以理解为：有动画的、有动态交互的一般都用JavaScript来实现。

HTML结构

1. 文档的类型声明

<!doctype html>
　　作用：告诉浏览器当前使用的HTML版本，以便浏览器能正确解析HTML标签和渲染样式。

2. 文档的开始和结束

在文档类型声明之后，使用一对标签标示文档的开始和结束。
在HTML标签中，包含两对子标签元素。

标签标示网页的头部信息，包含网页的标题，选项卡的图标，网页的关键字，作者，描述等信息，还可以引入外部的资源文件。
　　标签表示网页的主体信息，网页展示的内容。
HTML结构标注：
在这里插入图片描述

Html的标签的构成

标签名:<html></html>
属性：id,name,class,href,src
子标签:<head></head><body></body>
Text文本:
注意：所有HTML的元素的构成部分都可以用来元素定位。
作用：
(1)更容易被搜索引擎理解;
(2)更容易让屏幕阅读器读出网页内容;

常用基本标签

1) 字体标签：

一共6个级别，默认H1字体大小最大，H6字体大小最小
在这里插入图片描述

2) 段落标签：

其中P代表一个段落，br代表换行。

<p>
    死了都要爱<br>
    不淋漓尽致不痛快<br>
    感情多深只有这样才足够表白<br>
</p>

超链接标签，经常进行定位：

<div> 
	<a href="http://www.baidu.com"> 进入百度 </a> 
</div>

4) 图片标签(img)：

需要和src 属性绑定起来使用，经常和a标签，可以通过href属性定位或text文本
说明：图片地址可以是本地地址，也可以是网页地址

<img src="图片地址" width="宽度" height="高度" title="图片描" />

5) a 标签需要和 href属性绑定起来使用。

定位a标签：可以通过href属性定位或text文本

6) Iframe 标签

<iframe src="http://www.baidu.com"></iframe>

7) Input标签

Type类型很多：radio、checkbox、text、password、date、file等等
注意：用户输入一定需要name属性，才可以正常提交属性值value。
可参看https://www.cnblogs.com/zjx304/p/10537493.html

8）select 下拉框选择器

绑定<option> </option>标签使用