HTML小白的一点笔记

HTML小白入门的笔记

HTML入门小白

<!DOCTYPE html>
<html> 
<head>
<meta charset="utf-8">
<title>页面标题</title> 
</head>
    <body>  
    </body>
</html>

一个简单的HTML页面组成

HTML标题

<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>
<h4>这是一个标题</h4>
<h5>这是一个标题</h5>
<h6>这是一个标题</h6>

这是一个标题

HTML段落

<p>段落</p>

HTML标签（a标签）

<a href="https://www.cnblogs.com/CareLFF">这是我的博客链接</a>

这是我的博客链接（摁住Ctrl点击即可访问）

HTML图片

1、*.html 文件跟 *.jpg 文件(f盘)在不同目录下：
<img src="file:///f:/*.jpg" width="300" height="120"/>
2、*.html 文件跟 *.jpg 图片在相同目录下：
<img src="*.jpg" width="300" height="120"/> 3、*.html 文件跟 *.jpg 图片在不同目录下：
a、图片 *.jpg 在 image 文件夹中，*.html 跟 image 在同一目录下：
<img src="image/*.jpg/"width="300" height="120"/>
b、图片 *.jpg 在 image 文件夹中，*.html 在 connage 文件夹中，image 跟 connage 在同一目录下：
<img src="../image/*.jpg/"width="300" height="120"/>
4、如果图片来源于网络，那么写绝对路径：
<img src="https://pic.cnblogs.com/avatar/2093715/20200709185934.png" width="300" height="120"/>

知识点：src 的内容，是页面必不可少的一部分，是引入。href 的内容，是与该页面有关联，是引用。区别就是，引入和引用。

HTML换行

<br>

HTML水平线

<hr>

HTML注释

<!--注释写在这里-->

HTML文本格式

<b>这个文本是加粗的</b>

<strong>这个文本是加粗的</strong>

<big>这个文本字体放大</big>

<em>这个文本是斜体的</em>

<i>这个文本是斜体的</i>

<small>这个文本是缩小的</small>

这个文本包含
<sub>下标</sub>

这个文本包含
<sup>上标</sup>

<del>blue</del>

<ins>red</ins>

这个文本是加粗的

这个文本字体放大

这个文本是斜体的

这个文本是缩小的

这个文本包含_下标

这个文本包含^上标

删除~~blue~~

下划线red

posted @ 2020-07-11 12:00 Care刘飞阅读(35) 评论(0) 收藏举报

刷新页面返回顶部

Care刘飞