HTML教程(2023-3-8)
创始人
2024-05-30 22:22:10
0

第一章:网页介绍

1.网页结构



网页结构



2.网页的基本语法介绍



基本结构和基本标签


计算机科学与技术学院

3.基本语法



基本语法


html的语法




4.元素间的关系



元素间的关系



5.常用标签



常用的标签


一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

我是一个段落



a<v   b>p


常用标签2

  1. 计算机科学与技术
  2. 软件工程

  • 计算机科学与技术
  • 软件工程
  • 网络工程

计算机科学与技术学院
培养计算机科学

6.语义化标签



语义化标签

头部·内容
主要内容
底部内容
表示文档中独立的区块


图片标签


金卡的家伙肯定会拉客户的今年的开始的健康我会尽快的的思考的建行卡我回到家温哥华华为手机的国际化为广大好几万规范化的服务各行业大三来考就打开了时间后端口号为数据库
a>29b<90a==90
alert("你好")

7.图片标签



Title




8.图片格式



Title



9.路径问题

使用路径通常有两种:1,绝对路径2.相对路径--相对路径  用来引入我们自己项目内的图片相对路径需要使用  ./  ../开头./表示当前目录  ./可以省略不写../ 表示当前目录的上一级目录

10.超链接



超链接

超链接

护法度数空间hi对符号会计师的疯狂加金额开始就打开

聚划算读书的进度计划发生分时尽快回复

回到顶部 回到p1

11.内联框架



内联框架



12.元素嵌套规则



元素的嵌套规则



我是span
替换元素img iframe

第二章:CSS介绍

1.css概述



css介绍




计算机科学与技术学院

计算机科学与技术学院


计算机科学与技术学院 欢迎你!

内部样式表 只能在当前页面中生效 无法在不同的页面中使用因此使用外部样式:外部样式表 将css样式编写到外部文件中 css基本语法

计算机科学与技术学院


计算机科学与技术学院

p{color: rebeccapurple; font-size: 20px;background-color: #EAE2B7; }

2.css语法



css语法
你好计算机科学技术学院

计算机科学与技术学院

3.基本选择器



基本选择器

计算机科学与技术学院


计算机科学与技术学院


计算机科学与技术
计算机科学与技术学院

4.属性选择器



属性选择器

计算机科学与技术学院


计算机科学与技术学院

计算机科学与技术学院

计算机科学与技术学院

5.分组和关系选择器



分组和关系选择器


计算机科学与技术学院

计算机科学与技术学院


计算机科学与技术学院

我是span计算机科学与技术学院


计算机科学与技术学院

6.伪类元素选择器



伪类元素选择器

访问过的

未访问过的

7.结构伪类



伪类

计算机科学有技术


  • 1
  • 2
  • 3
  • 4
  • 5

8.否定伪类



否定伪类


计算机科学与技术

计算机科学与技术 软件工程

网络工程

9.伪元素



伪元素



计算机科学与技术

结合实际的股份三公经费给大家上来看的发掘和开发和电视机括号看得见回复吃亏是福加括号预防让他一人分同一人题二与发育发育体验服体验雇佣更丰富的

10.样式的继承



样式的继承


我是div

你好我是div

11.选择器的权重



选择器的权重



计算机科学与技术

12.a的伪类



a的伪类

访问过的

为访问过的

13.长度单位



长度单位




14.RGB值



RGB值



15.rgba与hsl值



颜色单位
a ..一个
abandon ..放弃
bale ...能力

16.十六进制单位



十六进制单位

abandon 放弃able 有能力的aboard 上船

第三章:盒子模型

1.盒子模型介绍



盒子模型

abandon 放弃
able 有能力的
border 边框
abandon 放弃
aboard 上船

2.边框



边框


3.内边框



内边框

abandon 放弃

4.可见框计算



可见框大小计算


5.盒子外边距



外边距


6.外边距折叠



外边距折叠




7.水平居中



水平居中

8.行内元素



行内元素的盒模型

span


9.overflow



overflow


10.display和visibility



Title


我是计算机科学与技术
计算机

第49节课

相关内容

热门资讯

122.(leaflet篇)l... 听老人家说:多看美女会长寿 地图之家总目录(订阅之前建议先查看该博客) 文章末尾处提供保证可运行...
育碧GDC2018程序化大世界... 1.传统手动绘制森林的问题 采用手动绘制的方法的话,每次迭代地形都要手动再绘制森林。这...
育碧GDC2018程序化大世界... 1.传统手动绘制森林的问题 采用手动绘制的方法的话,每次迭代地形都要手动再绘制森林。这...
Vue使用pdf-lib为文件... 之前也写过两篇预览pdf的,但是没有加水印,这是链接:Vu...
PyQt5数据库开发1 4.1... 文章目录 前言 步骤/方法 1 使用windows身份登录 2 启用混合登录模式 3 允许远程连接服...
Android studio ... 解决 Android studio 出现“The emulator process for AVD ...
Linux基础命令大全(上) ♥️作者:小刘在C站 ♥️个人主页:小刘主页 ♥️每天分享云计算网络运维...
再谈解决“因为文件包含病毒或潜... 前面出了一篇博文专门来解决“因为文件包含病毒或潜在的垃圾软件”的问题,其中第二种方法有...
南京邮电大学通达学院2023c... 题目展示 一.问题描述 实验题目1 定义一个学生类,其中包括如下内容: (1)私有数据成员 ①年龄 ...
PageObject 六大原则 PageObject六大原则: 1.封装服务的方法 2.不要暴露页面的细节 3.通过r...
【Linux网络编程】01:S... Socket多进程 OVERVIEWSocket多进程1.Server2.Client3.bug&...
数据结构刷题(二十五):122... 1.122. 买卖股票的最佳时机 II思路:贪心。把利润分解为每天为单位的维度,然后收...
浏览器事件循环 事件循环 浏览器的进程模型 何为进程? 程序运行需要有它自己专属的内存空间࿰...
8个免费图片/照片压缩工具帮您... 继续查看一些最好的图像压缩工具,以提升用户体验和存储空间以及网站使用支持。 无数图像压...
计算机二级Python备考(2... 目录  一、选择题 1.在Python语言中: 2.知识点 二、基本操作题 1. j...
端电压 相电压 线电压 记得刚接触矢量控制的时候,拿到板子,就赶紧去测各种波形,结...
如何使用Python检测和识别... 车牌检测与识别技术用途广泛,可以用于道路系统、无票停车场、车辆门禁等。这项技术结合了计...
带环链表详解 目录 一、什么是环形链表 二、判断是否为环形链表 2.1 具体题目 2.2 具体思路 2.3 思路的...
【C语言进阶:刨根究底字符串函... 本节重点内容: 深入理解strcpy函数的使用学会strcpy函数的模拟实现⚡strc...
Django web开发(一)... 文章目录前端开发1.快速开发网站2.标签2.1 编码2.2 title2.3 标题2.4 div和s...