上一课认识了什么是网页，这节课来讲一下制作网页的常用标签。先来回顾一下上一节课。
·双击一下这边新建一个文件，先保存一下，起个名字，随便起。
·ai，一定要记得写点html后缀，保存。
·然后来打标签，html做网页一定得打这一个，一定一点有的，还有head头部是得有的。
·body是代表着网页的框码，头部就是放一些文文件的，这个就是写正文，就是内容来的。现在把选一个，这是保存一下，打开，现在就可以了。
2024年11月02日
上一课认识了什么是网页，这节课来讲一下制作网页的常用标签。先来回顾一下上一节课。
·双击一下这边新建一个文件，先保存一下，起个名字，随便起。
·ai，一定要记得写点html后缀，保存。
·然后来打标签，html做网页一定得打这一个，一定一点有的，还有head头部是得有的。
·body是代表着网页的框码，头部就是放一些文文件的，这个就是写正文，就是内容来的。现在把选一个，这是保存一下，打开，现在就可以了。
2024年11月02日
(01) 块级元素：特点独占一行，对宽高,行高设置的属性值生效。不设置元素宽，就默认浏览器宽度。如：div ，标题h ，列表ul，段落p ，表单form。
(02) 行内元素：特点可以多个元素存在一行，不能直接设置行内元素宽，高，行高，顶底边距，完全靠内容撑开。如：span，链接a，粗体b，下划线u，换行br。
2024年11月02日
引言：在完成了使用开源的Atom软件搭建好编写markdown的环境后，接下来就进行我们的第一个markdown文件的编写，同时学习markdown标记语言的基础语法，都是十分简单的一些标记，如果学习过HTML标记语言或者了解过HTML标记语言的就十分清楚，markdown也是一种标记语言，与HTML有着类似的效果功能，同时在markdown中还支持HTML标签语法。废话不多说，直接上干货！
2024年11月02日
效果图
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2024年11月02日
HTML定义网页的结构，CSS给美化页面结构，而HTML网页中任何元素的实现都要依靠HTML标签才能显示。比如，要想在网页中显示图像就需要使用图像标签。接下来这几节课，我们就主要讲解构成HTML结构的元素，也就是HTML标签。
排版标签
2024年11月02日
假设结构为此，2个div嵌套
absolute绝对定位+margin位移实现
这种方式适用于内外2个div的宽高是已知时使用。外层使用相对定位，内层使用绝对定位50%，并使用位移宽高的一半使之居中
transform实现
这种方式，几乎和上一直一样。但是如果子div宽高不定时，也可以实现居中。比第一种好点。
2024年11月02日
这个问题在我看来，有两个解决思路
将两个元素包一个父级，设置为行内块级元素，用字体居中的方式去做，text-align: center;将父级元素居中，完美解决，注意哈，要有两层，我会把具体代码贴在下面
2024年11月02日
作者：蔷薇Nina
原文：https://www.cnblogs.com/wcwnina/p/11297630.html
在CSS里，标签位置居中一直是困扰Web前端的难题。在本文中，我对这类问题进行了探究和给出了几点建议，供读者参考。
2024年11月02日
/css/ .wrap { width: 200px; height: 200px; background: yellow; position: relative; } .wrap .center { width: 100px; height: 100px; background: green; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } 兼容性：主流浏览器均支持， IE6 不支持
2024年11月02日
对于使用CSS属性使得元素水平垂直居中问题，基本是在前端面试问题中必问的一个问题。由于这个问题的回答要分好几种情况，我也会写几篇文章分别讲述。
今天这篇文章我们首先看看，只有一个元素的时候采用绝对定位如何实现水平垂直居中的。
我已经将代码放到github上，感兴趣的同学可以去看看。
https://github.com/zhouxiongking/article-pages/blob/master/articles/position-center/position-absolute-center.html