0
点赞
收藏
分享

微信扫一扫

梅卡尔大学-IOT-前端笔记

何以至千里 2022-02-03 阅读 47

一、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 行的内容的对齐方式

举报

相关推荐

大学物理 笔记整理

JAVA大学课堂笔记2

0 条评论