HTML+CSS

1.什么是HTML？

HTML全称为超文本标记语言。它包括一系列标签，通过这些标签可以将网络中文档的格式统一。

2.什么是CSS？

层叠样式表。是一种用来表现HTML或XML的计算机语言，是标准的样式语言。

3.快捷键

后退：ctrl+z

前进：ctrl+y

从头选中一行：shift+end

从尾选中一行：shift:home

快速复制一行：alt+shift+↑或↓

快速移动一行：alt+↑或↓

4.web前端的三大核心技术

HTML：结构

CSS：样式

Javascript：行为

5.HTML基本结构和属性？

HTML：超文本标记语言

超文本：文本内容+非文本内容（图片、视频、音频）

标记：<单词>

语言：编程语言

标记也叫做标签：

写法分成两种：

单标签 <header>

双标签<header></header>

创建标签的快捷键：单词+tab键-> <单词>

6.初始代码

每个.HTML文件都有的代码叫做初始代码，要符合HTML的规范写法

!+tab键：快速的创建HTML的初始代码


<!DOCTYPE html> <!--文档声明：告诉浏览器这是一个HTML文件-->
 
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><!--包裹着所有HTML标签代码 lang="en"表示是一个英文网站 lang="zh-CN"表示一个中文网站-->
<head>
    <meta charset="utf-8" /><!--元信息：是编写网页中的一些赋值信息-->
    <title>这是一个标题</title><!--设置网页的标题-->
</head>
<body>
   正文<!--显示网页内容的区域-->
</body>
</html>

8.HTML注释

写法： 在浏览器中看不到，只能在代码中看到注释的内容。

意义：

1.把暂时不用的代码注释起来，方便以后使用。

2.对开发人员进行提示。

快捷添加注释与删除注释：

1.ctrl+/

2.shift+alt+a

9.标题与段落

标题-> 双标签：<h1></h1> ... <h6></h6>

在一个网页中，h1标题最重要，并且一个.HTML文件中只能出现一次h1标签。

h5、h6标签在网页中不经常使用。

10.文本修饰标签

标签的属性：来修饰标签的，设置当前标签的一些功能。

<标签属性=“值” 属性2=“值2”

HTML常见标签：https://blog.csdn.net/zonxxx/article/details/107696507

1.<strong></strong> 加粗

2.<em></em> 斜体

3.<sup></sup>上标 <sub></sub>下标

4.删除文本：<del></del>

插入文本：<ins></ins>

例：

结果：

练习：


<body>
    <p>北京著名的高档百货店——<em>赛特购物中心</em>即将闭店。昨天，赛特购物中心总台服务人员表示<strong>"如果手里有购物卡请尽快到店消费"。</strong>据这位服务人员介绍，目前赛特购物中心正在进行清仓大甩卖。<del>特价电视原价3600元，</del><ins>现清仓价只需1300。</ins></p>
</body>