HTML
超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
1.先创建html文件。例如我们用最简单的txt进行编写,后缀要改成html。
2.基本语法:
2.1
<!DOCTYPE html>
声明为 HTML5 文档
<html>
是 HTML 页面的根元素在这里插入代码片
<head>
包含文档的元(meta)数据
<title>
描述文档的标题
<body>
包含可见的页面内容
一般格式为:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
对于中文网页需要使用 <meta charset="utf-8">
声明编码,否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码,则你需要设置为 <meta charset="gbk">
。
注:
utf-8:
(8位元,Universal Character Set/Unicode Transformation Format)是针对Unicode的一种可 变长度字符编码。它可以用来表示Unicode标准中的任何字符,而且其编码中的第一个字节仍与ASCII相容,使得原来处理ASCII字符的软件无须或只进行少部分修改后,便可继续使用。
GBK:全称《汉字内码扩展规范》。GBK是采用单双字节变长编码,英文使用单字节编码,完全兼容ASCII字符编码,中文部分采用双字节编码。
ASCII: ((American Standard Code for Information Interchange): 美国信息交换标准代码)是基于拉丁字母的一套电脑编码系统,主要用于显示现代英语和其他西欧语言,它是最通用的信息交换标准。
2.2标题通过<h1> - <h6>
标签来定义
<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
2.3段落通过标签 <p>
来定义
<p>这是一个段落。</p>
<p>这是一个段落。</p>
一般段落插在标题下
2.4链接通过标签 <a>
来定义
<a href="https://www.baidu.com">百度</a>
2.5图像通过标签 <img>
来定义
<img loading="lazy" src="/images/logo.png" width="258" height="39" />
longding:表示等待时输出
src:图片插入时的位置
width:图片宽度
height:图片高度
alt:图片输出失败后输出
2.6换行通过标签<br>
定义
在一段文字中加入<br>
就可以实现换行
2.7表单
表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等
表单使用标签 <form>
来定义
输入则用输入标签(<input>
)
<form>
<input> 元素
</form>
文本域通过<input type="text">
定义
密码字段通过<input type="password">
定义
表单单选框选项通过<input type="radio">
定义
复选框通过<input type="checkbox">
定义
提交按钮<input type="submit">
定义