用html语言写一段目录,HTML语言基础知识

文章目录

HTML语言

编码

常用文本标签

无形当中最有形(90%)

常用标签

文本属性(css 样式语言)

ps的用法

HTML语言

ctrl+B 将文字加粗

ctrl+1 /2 /3 标题

ctrl+shift + i 插入图片

不是编程语言 编程语言都会有自己的语法结构 html语言不是编程语言 它是标记语言

一组标签 --》特定功能—》浏览器里的渲染引擎

html hyper 超 Text 文本 markup 标记 language语言

文本 .txt 文字 字符

超文本 不仅仅只有文字 图片 视频 音频 链接

形式： 闭合标签(双标签)

<>开始标签 >结束标签

标签关键字>

html> 根标签

非闭合标签 (单标签)

chartset = "UTF-8" 属性名 = ”属性值“

浏览器默认字体字体大小 16px

编码

ASCII 字母+西文+符号 <128 8位二进制 256个数据 第一位0 后7位 128个数据

ASCII扩展 8第一位用了 256

GBK(6000个汉字) GB2312(10000汉字 ) GB18030 (繁体字) 0-127 ASCII +扩充

Unicode 万国码 全球所有字符 (1：01110111 这是一个汉字 还是字母)

UTF-8(解决问题) UTF-16

常用文本标签

1:加粗字体的标签: 有效内容b> 加粗strong> 唯一差别：strong 语义化 (权重)

2：斜体标签 斜体i> 斜体em>(语义化)

3：删除标签 (中划线) 语义的del> s>

4：下划线 u> underline

5:水平线

---

---

color 颜色

width 宽度

align 对齐方式 left 左 right右 center 中心居中对齐

无形当中最有形(90%)

span 小容器 图标文字

div 大盒子 大容器 大图大的内容 没有默认属性 默认样式

常用标签

1:段落标签(大段文字)

p> paragraph 特点：上下外间距(16px)

2：标题标签

hi h1--h6 h1在当前界面只有一个 h1会包裹logo 权重大

3：插入图片的标签 (本质是文字)

# 解决图片下间隙问题 ： 1：改变对齐方式 ---》vertical-align:middle(中线)

top bottom baseline(只要不是基线都可以解决)

图片路径：

绝对路径 ：不建议 c://a/b/a.jpg 网上的图片路径https://m.360buyimg.com/babel/jfs/t1/14767/35/9502/98915/5c8074faE4aa55aa9/0f1a568b3e5bd8f6.jpg

相对路径：本地路径

同级目录 图片和当前文档是一个文件下

上一级 跳出几个文件夹 一个../ 2个../../

下一级

文本属性(css 样式语言)

设置标签属性 ： 1：开始标签 < 属性名=“属性值”> 默认属性

自定义样式属性 style="属性名:属性值；属性名:属性值;属性名：属性值； "

# style自定义样式集合

(1)字体属性

字体颜色 : color:red/yellow/green

字体家族: "宋体" "楷体" font-family: "微软雅黑"

字体粗细： font-weight: 100-900 100最细 900最粗 400normal 正常

字体形态：font-style: 斜体 italic / 正常 normal

font: 形态 粗细 字体大小 家族

ps的用法

1:视图–》标尺 点中标尺鼠标右键 设置单位为像素

2： 左侧工具栏 标尺 鼠标拽着拉动 值在菜单栏

3：选区也可以测量

4：切图 6个切片 在你切的的图片上画轮廓

​ 点击文件 —》存储为web格式 选图片后缀 (phg-8) --》命名–——》存储(！！！切换成选中的切片)

在桌面有文件夹 images 里面有你切下来的图片

5：吸管 粘贴 #f5f5f5