web复习（一）

web前端开发基础知识

1.html

html是超文本标记语言，是构成网页的基本语言。

html标签

    <html>

        <head>

            <title>网页标题</title>

        </head>

        <body>      

            <h1>标题</h1>

            <p>段落</p>

        </body>

    </html>

2.css

css是层叠样式表，是用于描述HTML文档外观和格式的样式表。

css选择器

        <style>

            h1 {

                color: red;

            }

        </style>

HTML5基础

文本标记

1.实现段落与段内换行

<p>段落</p>

<p>段落<br>段落</p>

2.实现标题

<h1>标题</h1>

<h2>标题</h2>

<h3>标题</h3>

3.文字居中

<center>文字</center>

4.文字加粗

<b>文字</b>

5.文字倾斜

<i>文字</i>

6.文字下划线

<u>文字</u>

7.文字删除线

<del>文字</del>

8.文字上标

^文字

9.文字下标

_文字

10.设置文字段落的缩进

<blockquote>文字</blockquote>

HTML标记与HTLM属性

align属性

<p align="center">文字</p>

bgcolor属性

<p bgcolor="red">文字</p>

字体大小颜色 <font size="5" color="red">文字</font>

网页中使用图片<img src="image.jpg" alt="图片">

网页中使用超链接<a href="https://www.baidu.com">链接</a>

CSS3基础

基本的CSS选择器

标记选择器

<style>

p {

color: red;

}

</style>

类别选择器

<style>

.red {

color: red;

}

</style>

ID选择器

<style>

#red {

color: red;

}

</style>

后代选择器

<style>

.red p {

color: red;

}

</style>

在HTML中使用CSS的方法

行内样式

<p style="color: red;">文字</p>

内嵌式

<style>

p {

color: red;

}

</style>

链接式

<link rel="stylesheet" href="style.css">

导入样式

<style>

@import "style.css";

</style>

各种方式的优先级问题

行内样式>内嵌样式>链接样式>导入样式