HTML的基本认识

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"> 定义请添加图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值