html基础

D级人员零

已于 2022-10-31 14:47:51 修改

阅读量177

点赞数 1

文章标签： html

于 2022-10-31 13:48:31 首次发布

本文链接：https://blog.csdn.net/qq_74751456/article/details/127613300

版权

一、什么是html

HTML 是用来描述网页的一种语言，不是一种编程语言，而是一种标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。

二、html基础

1.基础的html文件格式

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body>
 
<h1>标题</h1>
<p>段落</p>
 
</body>
</html>

写好后保存文件格式为".html"，然后运行即可打开网页。

2.html各部分解释

(1)标题：可由<h1>~<h6>定义


<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>

(2)段落：可由<p>定义

<p>段落1</p>
<p>段落2</p>
<p>段落3</p>

(3)图像：可由<img>定义，其中width与height定义图片宽与高。

<img src=图片地址 width="  " height="  " />

若要设计背景则可以用

<body bacfground=图片地址>

(4)表单：单行文本

<input  type='text' ....>

单行密码

<input  type='password' ....>

多行文本

<textarea cols=10  rows=10 ...>

单选按钮

 <input  type='radio' ....>

多选按钮

<input  type='checkbox' ....>

(5)链接：普通的链接

<a href=链接>链接文本</a>

邮件链接

<a href=邮箱地址>发送e-mail</a>

图像链接

<a href=图像地址><img src="URL" alt="替换文本"></a>

书签

<a id="tips">提示部分</a>
<a href="#tips">跳到提示部分</a>

三、展示

关注