[嵌入式]梅卡尔大学-IOT-前端笔记

目录

一 html

1 常用标签一

1.1 标题标签：

1.2 段落标签：

1.3 换行标签

1.4 水平线标签

1.5 列表

1.6 div标签

1.7 span标签

1.8 格式化标签

2 常用标签二

2.1 a 标签(超链接标签）

2.2 图片

2.3 表格

一 html

1 常用标签一

1.1 标题标签：

h1~h6 标签，大小依次递减，可定义标题，为块级元素会自动换行

用法：<h1> *****</h1>

注意：

1，不可用标签改变普通字体

2，h7不产生错误，但不具有标题效果

3，h1 会被搜索引擎捕捉到，一个页面最好只用一个h1标签，否则容易进黑名单

1.2 段落标签：

p，块级元素会自动换行

用法：<p>***</p>

1.3 换行标签

br，单标签，

用法：<br>或<br/>

1.4 水平线标签

hr，单标签

常用属性：color 颜色，size 宽度，width 长度（百分比或px像素值），align 对齐方式

用法：<hr> 或 <hr/>

1.5 列表

无序列表：由 ul，li 标签组成

常用属性：type

用法：

<ul>

????????<li>***</li>

????????<li>***</li>

</ul>

有序列表：由 ol ，li 标签组成

常用属性：type

用法：

<ol>

????????<li> ***</li>????????

</ol>

1.6 div标签

块级元素，用于布局，通常与 css 一起用

默认全部宽度，高度随内容而定

属性：style里面有（width 宽度，height 高度）,align 对齐方式

用法：<div style="width=50px"> ***</div>

1.7 span标签

行内元素，不会自动换行，不能设置宽高

用法：<span>***</span>

1.8 格式化标签

1.8.1 front 标签

属性：color 字体颜色，size 字体尺寸， face 字体风格

用法：<front>***</front>

1.8.2 pre 预格式化标签

保留空格和换行

用法：<pre>***</pre>

1.8.3 文本标签

b 加粗，i 倾斜， u 下划线， del 中划线，sup 上标， sub 下标

2 常用标签二

2.1 a 标签(超链接标签）

定义超链接，页面跳转

属性：

href 所跳转的位置，当前页面 href 为 #?

targe?:

窗口打开的方式

1，_brank 开启新页面显示页面 2，_self 当前页面变为显示页面(默认值)，_top 跳转到顶部

2.2 图片

img 元素，向网页中嵌入一幅图片

属性：

src 需要引入图片的地址（必须属性）

alt 规定图像的替代文本，图片不能正常显示时的的占位文字

title 当鼠标悬停在图片时，显示的文字

width 宽度

height 高度

border 边框

2.3 表格

table 表格，tr 行，td 标准单元格，th 表头(字体居中，加粗)

table 属性：

width 宽度，broad 边框，align 对齐方式，

style="border-collapse:collapse;"合并边框

tr 属性

align 行的内容的对齐方式，bgcolor 颜色