Java日记之HTML基础一

最新推荐文章于 2024-09-09 22:16:15 发布

尬尬_

最新推荐文章于 2024-09-09 22:16:15 发布

阅读量133

点赞数

分类专栏： # Web前端文章标签： html web javascript js css

本文链接：https://blog.csdn.net/qq_45596525/article/details/107026153

版权

Web前端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

最近期末复习到心态爆炸 , 抽个空档写一下博客吧

一. 先来几个名词解释

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/> 换行
<&nbsp> 空格

三.功能实例代码

<html>
	<head>
	</head>
	<body>
		<font size ="5" color = "000000" face ="宋体">我&nbsp是标签</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>

在这里插入图片描述

尬尬_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
Java日记之HTML基础一

最近期末复习到心态爆炸 , 抽个空档写一下博客吧一. 先来几个名词解释HTML全称 : hyper text markup language 超文本传输协议超文本 : 顾名思义 ,功能强于文本 ,音视频 / 图片之类标记 : 类似于网页上看到的各种小按钮 , 由浏览器渲染二.HTML基本语法标签 : 标签由单双之分单标签 : <标签名 />双标签 : <标签名 (属性)> 显示的内容 </标签名>标签名不是任意写的 ,只有HTML内置的标签名才能使用
复制链接

扫一扫

专栏目录