HTML—网页结构

结构

<!doctype html> 为文档声明。不属于html内部,所以需写在html前面。
< meta charset=“UTF-8” > 用来设置网页的字符集,避免乱码,写在head标签中。
html 为根标签,其中包括 headboby两个子标签。
head标签为头部标签,其中包括title标签,都不显示在网页内容中,显示在浏览栏。
boby标签为内容标签,显示在网页中,是网页的核心内容。
在这里插入图片描述
完整结构:
在这里插入图片描述

标签的属性

属性在标签中还可以设置属性。
属性是一个名值对的格式 : (x = y)。
属性用来设置标签中的内容如何显示。
属性和标签名或其他属性应该使用空格隔开。
属性不行瞎写,应该根据文档中的规定来编写,有些属性有属性值,有些没有。如果有属性值,属性值应该使用引号。
在这里插入图片描述

font的属性

1、font-family:设置文本的字体类型

2、font-size:设置文本的大小

{font-size:数值 | xx-small | x-small | small | medium | large | x-large | xx-large | larger | smaller | lentgth | inherit ;} 这些参数代表的意义分别是:像素数值、最小、较小、小、正常、大、较大、最大、相对字体尺寸、相对字体尺寸、百分比、继承。

3、font-style:设置文本的风格。如:斜体。

{font-style: normal | intalic | oblique | inherit;} 其中属性值分别表示默认值、斜体、倾斜、继承

4、font-weight:设置文本的粗细

{font-weight: 100-900 | bold | bolder | lighter | normal;} 其中的属性值分别表示数值、粗体、更粗、更细、默认

5、font-variant:设置大写字母

{font-variant: normal | small-caps | inherit;} 其中的参数值分别表示默认值、显示小型大写字母的字体、继承

6、font:可一次性定义多个文本属性

7、color:设置文本的颜色

进制

十进制(日常使用)

特点: 满10进1
计数:0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
单位数字:10个(0-9)

二进制(计算机底层进制)

特点:满2进1
计数:0 1 10 11 100 101 110 111
单位数字:2个(0,1)
所有计算机底层都会以二进制的形式保存
8 bit = 1 Byte 一字节
1024 B = 1 KB (KiloByte) 千字节
1024 KB = 1 MB (MegaByte) 兆字节
1024 MB = 1 GB (GigaByte) 吉字节
1024 GB = 1 TB (TeraByte) 太字节
1024 TB = 1 PB (PetaByte) 拍字节
1024 PB = 1 EB (ExaByte) 艾字节
1024 EB = 1 ZB (ZetaByte) 皆字节
1024 ZB = 1 YB (YottaByte) 佑字节
1024 YB = 1 NB (NonaByte) 诺字节
1024 NB = 1 DB (DoggaByte)刀字节

八进制 (很少用)

特点:满8进1
计数:0 1 2 3 4 5 6 7 10 11 12 13 14 15 16 17 20
单位数字:8个(0-7)

十六进制(一般显示二进制数字时,都转换为十六进制)

特点:满16进1
计数:0 1 2 3 4 5 6 7 8 9 a b c d e f 10 11 12 … 1a 2b 1c 1d 1e 1f 20 …
单位数字:16个 (0-9,a-f)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值