Java网页搭建--HTML入门

最新推荐文章于 2024-07-17 14:02:57 发布

_kooo

最新推荐文章于 2024-07-17 14:02:57 发布

阅读量1.5k

点赞数 2

分类专栏：从网页搭建入门java web

本文链接：https://blog.csdn.net/qq_38517206/article/details/88388794

版权

这篇博客介绍了HTML的基础知识，包括文档结构、标题、段落、字体、链接、图像、列表、div标签、块级与行内元素、注释、文本格式化、表格和表单标签。通过实例代码展示了各种元素的使用方法和效果，是初学者入门HTML的良好教程。

摘要由CSDN通过智能技术生成

HTML：

文档结构组成：

测试代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset = "UTF-8">
		<title> html document</title>
	</head>
	<body>
		hello imooc
	</body>
</html>

输出结果：

会在浏览器输出：

语法：

结构元素的顺序：

html属性：

语义化标签：

标题：

测试代码：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>学习html标题</title>
</head>
<body>

	<h1>一级标题 字体大小32px</h1>
	<h2>二级标题 字体大小24px</h1>
	<h3>三级标题 字体大小18px(18.72) 约等于</h1>
	<h4>四级标题 字体大小16px</h1>
	<h5>五级标题 字体大小14px(13.28) 约等于</h1>
	<h6>六级标题 字体大小12px</h1>
	
	<h6>六级标题</h6>
	<h7>七级标题 不存在的</h7>
	<h8>八级标题 不存在的</h8>
</body>
</html>

输出结果：

段落标签：

测试代码：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>HTMl 段落标签</title>
	<style>
		p {
			margin:0;
			padding:0;
		}
	</style>
</head>
<body>
	<p>段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1</p>
	<p></p>
	<p>段落内容2</p>
</body>
</html>

输出结果：

font标签：

测试代码：

输出结果：

链接标签：

测试代码：

最低0.47元/天解锁文章

_kooo

关注

2
点赞
踩
14

收藏

觉得还不错? 一键收藏
0
评论
Java网页搭建--HTML入门

HTML：文档结构组成：测试代码：<!DOCTYPE html><html> <head> <meta charset = "UTF-8"> <title> html document</title> </head> <body> hello imooc ...
复制链接

扫一扫

专栏目录