基于web的统计平台开发笔记--4

前言

之前关于概念什么的，啰嗦的有点多，标签学习部分我就不赘述了，我是在这个网站学的，挺不错的，推荐看看，还能在线试代码，蛮方便练习的：

https://www.runoob.com/html/html-basic.html

各标签其实对应一个英文单词，是其缩写，于是有个对应表，不知道的话可以看这个文章，以方便记忆：

https://blog.csdn.net/qq_40942329/article/details/78879992

HTML+CSS+JavaScript教学视频我推荐这个，讲的基础且全面：

https://www.bilibili.com/video/av67131564?from=search&seid=15899072570474888183

由于HTML+CSS的标签、属性等较多，不好记，所以参考文档是必不可少的！我推荐下面的文档：

https://pan.baidu.com/s/1DukRSISZEZXv929x0abAvg      密码：rcyj

笔记

下面，我做一点分类笔记，方便大家记忆标签及属性。

1.文本标签

• 加粗：<b>待加粗内容</b>或者<strong>待加粗内容</strong>；
• 倾斜：<i>待倾斜内容</i>或者<em>待倾斜内容</em>；
• 删除线：<del>待删除线内容</del>或者<s>待删除线内容</s>；
• 下划线：<u>待下划线内容</u>或者<ins>待下划线内容</ins>；
• 变大：<big>待变大内容，变大115%</big>；
• 变小：<small>待变小内容，变小85%</small>；
• 上标：^上标内容；
• 下标：_下标内容；
• 字体：<font>待设置字体内容</font>，属性包括 color颜色、size大小、face样式。

2.排版标签

• 换行：此文本后面要另起一行<br/>；
• 横线：显示的效果就是贯穿整行的横线<hr/>，属性包括width宽度、size线条粗细、color颜色、align对齐方式、noshade无阴影(noshade)；
• 段落：<p>换行，本文本独占一行</p>，属性包括align对齐方式(左对齐、居中、右对齐)；
• 块标签div：<div>容器中的内容</div>一种容器，可以设置宽和高；
• 行标签span：<span>容器中的内容</span>一种容器，大小根据里面装的该行的内容大小来定义，不可以设置宽和高；
• 标题：<h1>标题1内容</h1>、<h2>标题2内容</h2>、<h3>标题3内容</h3>、<h4>标题4内容</h4>、<h5>标题5内容</h5>、<h6>标题6内容</h6>，属性包括align对齐方式。

3.列表标签

• 有序列表：<ol>
                                <li>内容1</li>
                                <li>内容2</li>
                                <li>内容3</li>
                    </ol>    属性包括type(1，a，A，i，I，none；还能调节start，即起始顺序)
• 无序列表：<ul>
                                <li>内容1</li>
                                <li>内容2</li>
                                <li>内容3</li>
                    </ul>    属性包括type(disc实心圆，circle空心圆，square小方块)

4.地址路径

• 绝对路径：http://
• 相对路径：相对于某个文件来找的路径
• 目录：当前目录（./），上级目录（.//），下级目录（文件夹/） 

5.图片标签

• <img src="这里填路径" width=“宽度” height=“高度”>

6.链接标签

• <a href=“填链接”>内容</a>

7.一些通用属性

• name：名称，数字不能是首位，标签中常用，可重复；
• class：类，CSS中常用，可重复，可多个；
• id：唯一标识，不可重复；
• title：标题；
• style：样式（主要在CSS中用）。