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.文字上标

<sup>文字</sup>

9.文字下标

<sub>文字</sub>

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>

各种方式的优先级问题

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

相关推荐
RainbowSea19 分钟前
NVM 切换 Node 版本工具的超详细安装说明
java·前端
读书点滴24 分钟前
笨方法学python -练习14
java·前端·python
Mintopia31 分钟前
四叉树:二维空间的 “智能分区管理员”
前端·javascript·计算机图形学
Mintopia42 分钟前
Three.js 深度冲突:当像素在 Z 轴上玩起 "挤地铁" 游戏
前端·javascript·three.js
Penk是个码农1 小时前
web前端面试-- MVC、MVP、MVVM 架构模式对比
前端·面试·mvc
MrSkye1 小时前
🔥JavaScript 入门必知:代码如何运行、变量提升与 let/const🔥
前端·javascript·面试
白瓷梅子汤1 小时前
跟着官方示例学习 @tanStack-form --- Linked Fields
前端·react.js
爱学习的茄子1 小时前
深入理解JavaScript闭包:从入门到精通的实战指南
前端·javascript·面试
zhanshuo1 小时前
不依赖框架,如何用 JS 实现一个完整的前端路由系统
前端·javascript·html
火柴盒zhang1 小时前
websheet在线电子表格(spreadsheet)在集团型企业财务报表中的应用
前端·html·报表·合并·spreadsheet·websheet·集团财务