HTML、CSS知识总结

一.HTML知识点总结

1. 基本语法概述

​ HTML标签是由尖括号包围的关键词,例如

​ HTML标签通常是成对出现的,例如 和,我们称为双标签。标签对中的第一个标签是开始标签,第二个标签是结束标签。

​ 有些特殊标签必须是单个标签(很少),例如
,我们称为单标签

1.1 标签关系

包含关系、并列关系

1.2 基本结构
<html>
    <head>
        <title>Hello页面title>
    head>
    <body>
        专业Hello 语句
    body>
html>

​ 每一个网页都有结构标签(骨架标签),页面内容也是在这些基本标签上书写的

标签名 定义 说明
HTML标签 页面中最大标签,我们称为根标签
文档的头部 在head标签中必须设置的标签为title
文档的标题 让页面拥有一个属于自己的网页标题
文档的主体 元素包含文档的所有内容,页面内容基本都是放到body中的
2. HTML常用标签
2.1 标题标签:

-

​ 标题标签有6个等级,即:

~

,特点:随着h标签数字的增大,字号大小随数字变大而变小;标题独占一行。

<h1>一级标题h1>
<h2>二级标题h2>
...
<h6>六级标题h6>
2.2段落标签:

​ 将文字分段的标签,一个

标签就是一段,特点:随着浏览器窗口大小自动换行,段落之间有间隙。

<p>一个段落p>
2.3 换行标签:

​ 可以将文字换行的标签,特点:单标签、换行。

2.4 加粗标签:或者

​ 将字体加粗,一般用语义更明确。

2.5 倾斜标签:或者

​ 将字体倾斜,一般用语义更明确。

2.6 删除线标签:或者

​ 在字体上划上删除线,一般用语义更明确。

2.7 下划线标签:或者

​ 在字体下划上下划线,一般用语义更明确。

2.8
标签:大盒子标签,用来装内容,特点:
独占一行,称为大盒子。
<div>大盒子div>
2.9 标签:小盒子标签,用来装内容,特点:一行可以有多个,称为小盒子。
<span>小盒子span>
2.10 图像标签:
<img src="图像路径" />

​ img标签用于在网页中插入图片

你可能感兴趣的:(html,css,前端)