学习笔记

最新推荐文章于 2023-10-31 09:25:18 发布

SZX33

最新推荐文章于 2023-10-31 09:25:18 发布

阅读量81

点赞数 1

文章标签： html

本文链接：https://blog.csdn.net/weixin_46353089/article/details/114374414

版权

学习笔记

一、html编程语法：
段落：< p >
标题：< h1 >
插入图片：< img >
添加链接：< a >
背景颜色：background-colour
字体颜色：style=“color: crimson；”
对齐方式：style=“text-align:center;”

二、
代码示例：

第一个代码块：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>自我介绍</h1>
			<a href="name.html">个人信息</a>
			<p></p>
			<a href="hobbies.html">兴趣爱好</a>
			<p></p>
			<a href="secrets.html">secrets</a>
	</body>
</html>

第二个代码块：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1 style="color: crimson;">个人信息</h1>
		<p>姓名：GE丶3.X</p>
		<p>性别：男</p>
		<p>年龄：20</p>
		<p>自画像：</p>
		<img src="../images/t1.png">
		<p style="background-color: darkorange;">人生格言：能坐着绝不站着，能躺着绝不坐着</p>
		<p></p>
		<a href="induction1.html">点击返回主页</a>
	</body>
</html>

第三个代码块：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>兴趣爱好</h1>
		<p>GE丶3.X最爱：33</p>
		<p>游戏：云顶之弈；王者荣耀。</p>
		<p>最擅长的科目：编程。</p>
		<p>最喜欢的编程语言：C/java。</p>
		<a href="induction1.html">返回主页</a>
	</body>
</html>

第四个代码块：

```html
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>Secrets</h1>
		<img src="../images/t3.jpeg">
		<p>这种东西怎么会写呢</p>
		<a href="induction1.html"></a>
	</body>
</html>

结果如下：
第一个代码块结果在这里插入图片描述

SZX33

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
学习笔记

自我介绍第一次使用HTML语言的自我介绍第一个代码块：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>自我介绍</h1> <a href="name.html">个人信息</a> <p>&lt
复制链接

扫一扫