初识HTML

一、HTML概念

HTML全称:Hyper Text Markup Language 超文本标记语言,超文本就是指通过超链接(链接)跳转到其他资源位置,标记就是用一些特殊的字符去标识内容的含义,比如数字“13”,我们不知道它是什么意思,可能是日期,可能是年龄,可能是数量,然后我们用一个标签去标记它,就能知道它代表着什么。在HTML中存在很多的标签,学习就主要是这些标签。

二、HTML基础骨架

基础知识:HTML中分为单标签和双标签,区别就是双标签有开始和结束两个标签,而单标签只有一个。
HTML标签(又称为HTML元素)分为块标签、行标签、行内块标签。其中块标签和行内块标签可以设置宽高,行标签不可以。块标签独占一行,其他两个可以并排显示。
我使用的是Vscode软件,Vscode创建一个后缀为.html或者.htm,然后输入!点击enter键就可以生成HTML基本骨架,如下图:
在这里插入图片描述
1、文档声明
因为HTML版本很多,所以我们需要告诉浏览器你写的是哪个版本。使用<!DOCTYPE>指令进行文档声明。
注意:文档声明必须在第一行、大小写不敏感、没有结束句,不同的版本声明是不一样的,具体可参考网址:https://www.w3school.com.cn/tags/tag_doctype.asp
2、<html>标签
<html>标签是双标签(有开始标签和结束标签),用来告诉浏览器这是一个HTML文档,含有lang属性,用来说明文档语言,有两种:en(主体语言是英文)、zh-CN(主体语言是中文),自带翻译的浏览器会根据lang判定是否需要弹出自动翻译。
注意:所有的HTML标签都要写在标签内部。
3、<head>标签
<head>标签定义文档的信息。里面可以放<base>、<link>、 <meta>、 <script>、 <style>以及 <title>标签。
<meta>标签是用来指明charset字符编码格式的,其中gbk(gb2312)GBK包含全部中文字符;UTF-8则包含全世界所有国家需要用到的字符。常用的是 UTF-8。name和content是与移动端页面布局有关的。http-equiv是写与浏览器有关的信息。<meta>标签也会放一些关键字来使得能被准确浏览器搜索到。
<title>标签是展示浏览器标签中的标题,也会在网页被收藏时, 作为收藏的标题。
<script><style><link>加载外部的资源,一般不会展示给用户看。
<base>标签是为页面上所有的链接规定默认地址。
4、<body>标签
<body>标签是主体标签,用来放给用户看到的代码的,我们大部分的标签都是在这里面。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值