自学前端第一天-工具语法

最新推荐文章于 2024-06-14 07:44:22 发布

「已注销」

最新推荐文章于 2024-06-14 07:44:22 发布

阅读量117

点赞数

分类专栏：前端文章标签： html

本文链接：https://blog.csdn.net/GuaXiao/article/details/115345104

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

HTML语法规范

1.1基本的语法概述

1 HTML标签是由尖括号包围的关键词 ——————例如<html>
2 HTML标签通常是成对出现的例如<html> </html>,我们称之为双标签，第一个标签是开始标签，第二个标签是结束标签
3 有些特殊标签是单个标签，——————————例如<br/> .我们称之为单标签

1.2 标签的关系

双标签关系可以分为两列：包含关系和并列关系
包含关系 —— 类似父子关系

<head>
     <title></title>
</head>

并列关系 ——类似兄弟关系

<heda></head>
<body></body>

HTML基本结构标签

2.1 第一个html网页

<HTLM>
    <head>
     <title>第一个页面</title>
    </head>
    <body>
       键盘敲烂，工资过万
    </body>
</HTML>

2.2 基本标签结构总结

在这里插入图片描述

2.3下载工具辅助

下载VScode安装在这里插入图片描述
新建ctrl+n
保存ctrl+s
加大字体ctrl+ +

网页开发工具

3.1<!DOCTYPE>文档类型声明标签

文档类型声明，作用是告诉浏览器用哪个HTML版本来显示网页

例如 ________ <DOCTYPE HTML>
就是告诉浏览器当前页面采用的是HTML5版本来显示网页

1.<DOCTYPE HTML> 声明位于文档中的最前面的位置，处于<html>之前
2.<DOCTYPE HTML> 不是一个HTML标签，它就是文档类型声明标签

3.2 lang定义语言种类

lang定义当前文档显示的语言

en定义语言为英语
zh-CN定义语言为中文
对文档显示没什么用
这个属性对浏览器和搜索引擎是有用的

3.3charset字符集

字符集方便计算机识别和存储各种文字
在<head>标签内，可以通过标签的charset属性来规定HTML文档应该使用哪种字符编码

<meta charset=“UTF-8”

HTM常用标签（重要）

4.2标题标签（重要）

*HTML提供了6个等级的网页标题即

<H1>-<H6>

例如

<h1>我是一级标题</h1>

4.3段落和换行标签（重要）

<p>我是一个段落标签</p>

<br /> 单标签 
强制换行

4.4文本格式化标签-设置粗体等

加粗

<strong></strong>或者<b></b>
推荐用<strong></strong>

倾斜

<em></em>或者<i></i>
推荐第一个

删除线

<del></del>或者<s></s>
推荐用第一个

下划线

<ins></ins>或者<u></u>
推荐第一个

4.5
和标签

「已注销」

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
自学前端第一天-工具语法

HTML语法规范1.1基本的语法概述1 HTML标签是由尖括号包围的关键词 ——————例如<html>2 HTML标签通常是成对出现的例如<html> </html>,我们称之为双标签，第一个标签是开始标签，第二个标签是结束标签3 有些特殊标签是单个标签，——————————例如<br/> .我们称之为单标签1.2 标签的关系双标签关系可以分为两列：包含关系和并列关系包含关系 —— 类似父子关系<head> &lt
复制链接

扫一扫