Web程序设计笔记(二)


大家好 ! 我是【小黄】,因为我姓黄所以就叫小黄好了。
这博客是对自己学习和成长的一点点总结及记录,如果您对我写的还感兴趣 , 可以关注一下我的动态,我们一起学习 、共同成长和进步。

书本太薄写尽心中所想,却看不到来日方长。
杯盏太浅盛的下唇齿留香,却品不尽尘世沧桑。
余生太短,饮下杯中美酒,愿能忘却忧愁。
既然此生不能再回首,那就潇洒风流的向前走。
就算前路荆棘若虎口,至少还有我和温柔。
♡♡♡♡ ♡♡♡♡♡♡ ♡♡♡♡ ♡♡♡♡♡♡


创建时间:2020年9月12日

1. HTML 简介

<!--  <!DOCTYPE html> 声明为 HTML5 文档-->
<!DOCTYPE html>
<!-- <html> 元素是HTML页面的根元素 -->
<html>
	<!-- <head> 元素包含了文档的元(meta)数据,
	如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
	 -->
	 
	<!-- 对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。
	有些浏览器(如 360 浏览器)会设置 GBK 为默认编码,则你需要设置为 <meta charset="gbk">
	-->
	<head>
		<meta charset="utf-8" />
	<!-- <title> 描述了文档的标题 -->
		<title>我的第一个网页</title>
	</head>
	<!-- <body>表示页面可见的内容 -->
	<body>
		
	<!-- <h1> 我的第一个标题 -->
		<h1>我的第一个标题</h1>
	<!-- <p> 我的第一个段落 -->
		<p>我的第一个段落</p>
		
	<h1>一 、什么是HTML ?</h1>
	<h2>
		1. HTML 指的是超文本标记语言: HyperText Markup Language <br>
		2. HTML 不是一种编程语言,而是一种标记语言<br>
		3. 标记语言是一套标记标签 (markup tag)<br>
		4. HTML 使用标记标签来描述网页<br>
		5. HTML 文档包含了HTML 标签及文本内容<br>
		6. HTML文档也叫做 web 页面<br>
		<!-- <br> 换行 -->
	</h2>
	
	<h1>二 、HTML段落 </h1>
	<p>这是一个段落</p>
	<p>这是另外一个段落 。</p>
	
	</body>
</html>

在这里插入图片描述

1.1 HTML 标题 :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<!-- HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的。 -->
		<h1>你好,HTML</h1>
		<h2>你好,HTML</h2>
		<h3>你好,HTML</h3>
		<h4>你好,HTML</h4>
		<h5>你好,HTML</h5>
		<h6>你好,HTML</h6>
	</body>
</html>

在这里插入图片描述

1.2 HTML 的段落 :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
	<!-- HTML 段落是通过标签 <p> 来定义的。 -->
	<p>这是一个段落</p>
	<p>这是第二个段落。</p>
	</body>
</html>

在这里插入图片描述

1.3 HTML 的链接 :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
	<!-- HTML 链接是通过标签 <a> 来定义的。 -->
	
	<a href="https://blog.csdn.net/weixin_44519789">在下小黄的CSDN</a>
	
	<!-- 
	
	<a href="这里写超链接的地址">这地方写超链接的名称</a> 
	
	-->
	</body>
</html>

在这里插入图片描述

1.4 HTML 的图像 :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
	<!-- HTML 图像是通过标签 <img> 来定义的. -->
	<img src="img/1600003133(1).png" width="1725" height="835" >
	
	<!-- 
		<img src="这里放的是图像的地址" width="图像宽度" height="图像高度" >
		图像的宽度跟图像的高度是根据实际图像大小确定的
	 -->
	 
	</body>
</html>

  • 图像属性找到图像的宽度跟高度的像素值

在这里插入图片描述
在这里插入图片描述


各位路过的朋友,如果觉得可以学到些什么的话,点个赞 再走吧,欢迎各位路过的大佬评论,指正错误,也欢迎有问题的小伙伴评论留言,私信。

每个小伙伴的关注都是本人更新博客的动力!!!
请微信搜索【 在下小黄 】文章更新将在第一时间阅读 !
在这里插入图片描述

把握现在 ,展望未来 ,加油 !


由于水平有限 ,写的难免会有些不足之处 ,恳请各位大佬不吝赐教 !

猜你喜欢

转载自blog.csdn.net/weixin_44519789/article/details/108566881
今日推荐