小白之旅16-2

Posted 2022-06-24 demonycw

一. 标签属性的写法

格式：

? <标签名 属性名1="属性值1" 属性名2="属性值2" ... >

二. 常用标签

2.1 标题标签 h

h1~h6

h1到h6，从大到小

标题标签默认加粗，它是块级标签，会独占一整行，上下自动换行

2.2 字体标签 font

属性：

? 1、color：设置颜色，

? 方式1：使用颜色单词，color="颜色单词"

? 方式2：使用#rrggbb，color="#rrggbb"

? 方式3：使用style，style="color:色值;"

? 2、size：设置字体大小，范围1~7，越来越大，默认是3

2.3 图片标签 img

属性：

? 1、src：设置图片路径，

? 方式1：设置本地资源

? 方式2：设置网络资源，放入图片的网络地址

? 2、alt：图片无法正常加载时显示的提示信息

? 3、title：鼠标悬浮在图片上的提示信息

? 4、width：宽度

? 5、height：高度

注意：单独设置宽或者高可以使图片自动等比缩放

2.4 超链接标签 a

属性：

? 1、href：设置跳转的目标地址，可以跳转到其他网站，也可以访问当前项目的其他页面

? 2、target：设置页面的打开方式，取值：_blank，新窗口中打开、_self，在当前页面中跳转

页面内的跳转-步骤：

1、明确起始位置和目标位置

2、在起始位置中写上a标签

3、在目标位置处添加id属性并赋值

4、在起始位置的a中的href内写上目标位置的#id

2.5 段落和换行标签

段落：p，块级标签

换行：br

2.6 格式化标签

i：斜体

b：粗体

strong：粗体

sub：下标

sup：上标

2.7 转义字符

&lt：小于号

&gt：大于号

&nbsp：一个空格

2.8 表单标签 form