HTML+CSS+JS+MYSQL入门总结：

HTML+CSS+JS+MYSQL入门总结：

HTML：

1. 概念：最基础的网页开发语言--->Hyper Text Markup Language超文本标记语言

*超文本：用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。

*标记语言：由标签构成的语言。<标签名称>

#标记语言不是编程语言。

2、语法：

*html文档后缀名为 .html 或者 .htm

*标签分类：

#围堵标签：有开始和结束标签。

eg: xxx>

#自闭和标签：开始和结束标签在一起。

eg：

*标签之间可以嵌套

*开始标签之中可以定义属性。属性由键值对构成，值需要用引号引起来（单双引都可）。

*html的标签不区分大小写，但平时书写时建议小写。

3、标签分类：

*文件标签：构成html的最基本的标签。

。html：该标签为html文档的根标签，其中包含网页中的所有内容。

。head：头标签--->用于指定html文档的一些属性，也可引入外部资源--->主要包含给浏览器的信 息，如网页的编码格式，网页标题等。

。title：网页标题标签。

。meta:元标签。

。body：体标签，其中主要包含给用户看的内容，如文本，图片，视频等。

。<！DOCTYPE HTML>:html5中定义该文档为html文档。

*文本标签：和文本有关的标签。

。注释：<!-- 注释内容 -->

。标题标签：h1-h6--->字体大小逐渐递减。

。段落标签：<p>

。换行标签：

。水平线：<hr>

。字体加粗:<b>

。字体斜体：<i>

。字体标签：<font>

。大号字：big

。小号字：small

。强调字体：em

。文本居中：<center>

#属性：

color：颜色。

width：宽度。

height：高度。

size：大小

align：对其方式--->center居中 --->left左对齐 --->right右对齐

#属性定义：

color：a、英文单词：red、green、blue

b、rgba(值1，值2，值3，透明度)：值的范围在0-255之间，透明度0-1 之间。

c、#值1值2值3：值的范围：00~FF之间。

width：a、数值的单位默认是px即像素。

b、数值%：占比相对于父元素的比例。

*图片标签：

img：展示图片--->属性为src-->用于指定图片的位置-->位置可填绝对路径。

align：对齐方式。

alt：提示信息，值自定义。

*媒体标签：

。音频：audio

#属性：controls-->控制器

src-->播放的音频资源地址，值自定义

autoplay-->自动播放

loop：循环播放

。视频：video

#属性同上。

注意：音频标签与视频标签兼容性不好，导致有些属性某些浏览器不支持，需要兼容操作。

*列表标签：

。有序列表：ol li

#属性：1--->数字类型

a--->小写字母类型

A--->大写字母类型

i--->小写古罗马

I--->大写古罗马

。无序列表：ul li

#属性：type--->类型

circle--->实心圆

square--->黑色方块

none--->取消

*链接标签：

。a：定义一个超链接。

#属性:href-->指定访问资源的url(统一资源定位符)。

target-->指定打开资源的方式。

_self:默认值，在当前页面打开。

_blank:在空白页面打开。

*div和span：

。div：每一个div占满一整行，块级标签。

。span：文本信息在一行展示，不换行--->行内标签，内联标签。

*语义化标签：

。<header>：页眉

。<footer>：页脚

*表格标签：

。table：定义表格。

#width-->宽度。

#border-->边框。