HTML学习|青训营笔记

60 阅读2分钟

这是我参与「第五届青训营 」笔记创作活动的第15天

本篇来学习了解一下HTML。

HTML(Hypertext Markup Language ) 超文本标记语言。

HTML 不是一种编程语言,而是一种标记语言。

Html主要用来描述网页中所需要的组件,例如:文本框、表格、图片、视频等等,也对网页进行排版。

HTML的源文件,称为“网页”,通常以.html或者.htm为结尾。

可以使用任意文本编辑器编辑,需要使用浏览器执行。

下面是关于HTML的基本语法:

h1 h2 到 h6 都是标题标签 会对应不同大小的字体会随着数字的升字体变小

i 可以将字体变成斜体

hr 是一个单标签 可以写出一行直线

p 段落标签 可以自动进行换行 在浏览器中是不会自动识别那些会换行哪些不用

br 单标签 可以在一行中再进行换行

b /b 字体加粗

&nbsp字体间空格

添加照片

在图片要添加的位置好那里加上 img src=”图片地址(ctrl+v即可)”>

无序列表(每一排前面有一个点的那种) ul> /ul>

Type=”disc”实心圆

Type=”circle”空心圆

Type=“square”方块

li> /li>打列内容

超链接 a href=”链接地址”>要打开超链接的地址

想要在新的页面打开超链接可以在命令中间加上targe=”_blank”

每一排前面有数字的那种(有序排列) ol> /ol>

Type=“1”数字

Type=“a”按小写字母来排列 type=“A”按大写字母来排列 type=“i”小写罗马字母

Type=“I”大写罗马字母

图片的使用

图片的摆放顺序默认从左到右开始 且底部对齐 当这一排剩余空间不足则自动折行显示

Px:像素单位

调整照片大小:当只修改图片长或宽的时候图片会等比例放大或缩小 当两者同时修改时要注意比例 否则图片会变形

图片修改: img src=”图片地址” width=”  px”>[width=“100%”表示撑满整个窗口]