最近期末复习到心态爆炸 , 抽个空档写一下博客吧
一. 先来几个名词解释
HTML全称 : hyper text markup language 超文本传输协议
超文本 : 顾名思义 ,功能强于文本 ,音视频 / 图片之类
标记 : 类似于网页上看到的各种小按钮 , 由浏览器渲染
二.HTML基本语法
标签 : 标签由单双之分
单标签 : <标签名 />
双标签 : <标签名 (属性)> 显示的内容 </标签名>
标签名不是任意写的 ,只有HTML内置的标签名才能使用
下面详细讲一下各个标签的使用
①<font> </font>
主要属性 : size 字号大小 1~7
color 颜色(可见性光学调色) 红绿蓝三原色 _ _ _ _ _ _前两位代表红色 ,以此类推
例如 FF0000红色
调色可参考 调色网站
face : 字体
② < img>
图片标签 : 主要属性 src / alt
src : 图片路径
alt : 无法加载图片时 ,给出提示
height / width : 长宽 可使用像素做单位
③<a> </a>
链接标签
属性 : target / href
target : 简单说 ,就是图片的显示方式
href : 指定目标页面名
{使用时 ,需要加上http://协议说明 ,否则会进入本机路径}
④<table> </table>
表格 : <tr></tr>
制表
1.align : center 文字居中 left / right 靠左/右
2.valign : top 顶部显示
bottom 底部显示
border : 边框宽度
3.rowspan / colspan : 纵向 / 横向 合并 注意要把下面被合并的行删除 ,否则会出现👇
⑤空格 / 换行
<br/> 换行
< > 空格
三.功能实例代码
<html>
<head>
</head>
<body>
<font size ="5" color = "000000" face ="宋体">我 是标签</font>
<br/>
<img src = "Jellyfish.jpg" height = "100px" width = "100px" />
<a href = "https://www.baidu.com/"target ="_blank"> 点此跳转到百度</a>
<table border = "1px" height = "80px" width = "80px">
<tr>
<td rowspan = "2" valign = "bottom">列1</td>
<td>列2</td>
<td>列3</td>
</tr>
<tr>
<td>列2</td>
<td>列3</td>
</tr>
<tr>
<td>列1</td>
<td>列2</td>
<td>列3</td>
</tr>
</table>
</body>
</html>