Web程序设计笔记(二)

   日期:2020-09-15     浏览:102    评论:0    
核心提示:大家好 ! 我是【小黄】,因为我姓黄所以就叫小黄好了。这博客是对自己学习和成长的一点点总结及记录,如果您对我写的还感兴趣 , 可以关注一下我的动态,我们一起学习 、共同成长和进步。 书本太薄写尽心中所想,却看不到来日方长。杯盏太浅盛的下唇齿留香,却品不尽尘世沧桑。 余生太短,饮下杯中美酒,愿能忘却忧愁。 既然此生不能再回首,那就潇洒风流的向前走。就算前路荆棘若虎口,至少还有我和温柔。♡♡♡♡ ♡♡♡♡♡♡ ♡♡♡♡ ♡♡♡♡♡♡创建时间:2020年9月12日目录 :1....
大家好 ! 我是【小黄】,因为我姓黄所以就叫小黄好了。
这博客是对自己学习和成长的一点点总结及记录,如果您对我写的还感兴趣 , 可以关注一下我的动态,我们一起学习 、共同成长和进步。

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

创建时间:2020年9月12日

目录 :

  • 1. HTML 简介
    • 1.1 HTML 标题 :
    • 1.2 HTML 的段落 :
    • 1.3 HTML 的链接 :
    • 1.4 HTML 的图像 :

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>

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


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

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

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

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

 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服