这博客是对自己学习和成长的一点点总结及记录,如果您对我写的还感兴趣 , 可以关注一下我的动态,我们一起学习 、共同成长和进步。
大家好 ! 我是【小黄】,因为我姓黄所以就叫小黄好了。
书本太薄写尽心中所想,却看不到来日方长。
杯盏太浅盛的下唇齿留香,却品不尽尘世沧桑。
余生太短,饮下杯中美酒,愿能忘却忧愁。
既然此生不能再回首,那就潇洒风流的向前走。
就算前路荆棘若虎口,至少还有我和温柔。
创建时间: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>
- 图像属性找到图像的宽度跟高度的像素值
各位路过的朋友,如果觉得可以学到些什么的话,点个赞 再走吧,欢迎各位路过的大佬评论,指正错误,也欢迎有问题的小伙伴评论留言,私信。
每个小伙伴的关注都是本人更新博客的动力!!!
请微信搜索【 在下小黄 】文章更新将在第一时间阅读 !
把握现在 ,展望未来 ,加油 !
由于水平有限 ,写的难免会有些不足之处 ,恳请各位大佬不吝赐教 !