HTML5+CSS3学习之DAY1

HTML相关知识点

首先,学习HTML一些相关的基础知识点,包括HTML的语法规范、基本的构成元素、以及使用的开发软件,最好系统学习HTML的标签下的各方面知识

HTML语法规范

 1.标签:尖括号关键词
 2.通常成对出现,也有单标签(单标签通常会在标签后加一个斜杠/)

 3.标签关系:分为包含关系(父子关系)和并列关系(兄弟关系)
 4.基本的几个HTML结构标签:跟标签 | 头部标签| 标题标签 | 主体标签
 PS:html文档的后缀名必须是.html 或 .htm

HTML开发软件选择:vscode

1.新建快捷键:Ctrl+N
  输入!选择第一个或者按下tab键即可生成页面骨架结构
2.vscode推荐插件
 a.Chinese(simplified)Language xxx 中文简体插件
 b.Open in Brower 在浏览器中打开插件
 c.Auto rename Tag 自动重命名
 d.css peek (后续补充)
3.页面骨架结构的结构分析


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
head>
<body>
body>
html>

1.:文档声明类型(显示HTML版本)
2.lang语言:用来定义当前文档显示的语言(en为英语,zh—CN为中文)
3.charset字符集:多个字符的集合,UTF-8为万国语言

HTML常用标签

 首先需要了解标签语义:了解各个标签的含义

标题标签

 标题标签为成对出现的标签,分为六个等级:

-----

;
 特点:
  1.加了标题的文字会变的加粗,字号也会
  2.一个标题独占一行


    

一级标题

标题一共六级选

文字加粗一行显

由大到小一次减

从重到轻随之变

语法规范书写后
具体效果刷新见

段落和换行标签

1.段落标签

标签用于定义段落,将网页分为诺干个段落,是成对出现的标签
特点:
 a.文本在一个段落中会根据浏览器窗口的大小自行换行
 b.段与段之间保留有一个较大的空隙

<p>(原标题:省委省政府应对疫情工作领导小组指挥部专守好国门)来源:云南日报p>

2.换行标签
 
用于强制换行
特点:
 a.
是一个单标签
 b.
标签只是简单的开始新一行,跟段落不一样,段落之间会插入间距

会议提出,要针对这次疫情暴露出来的短板和不足,<br/>反思存在问题,深刻汲取教训,加快梳理总结成功的做法和经验,提炼形成科学合理、

文本格式化标签

 给文本设置粗体、斜体和下划线,为了突出文本的重要性

语义 标签
加粗 或者
倾斜 或者
删除线 或者
下划线 或者

标签

  这两个标签无语义,相当于一个盒子,用来装内容

特点:
  a.

标签用来布局,但是一行只能放一个
标签,一个大盒子
  b.标签同样用来布局,但是一行可以放很多个标签,相是在div中的同一排的小盒子

你可能感兴趣的:(html5)