【HTML学习笔记二】HTML基础

最新推荐文章于 2023-01-15 13:49:32 发布

思索与猫

最新推荐文章于 2023-01-15 13:49:32 发布

阅读量116

点赞数

分类专栏： HTML学习笔记文章标签： HTML 学习笔记

本文链接：https://blog.csdn.net/qq_28997735/article/details/97319648

版权

HTML学习笔记专栏收录该内容

9 篇文章 0 订阅

订阅专栏

一.HTML标题

HTML标题(Heading)通过<h1>到<h6>标签定义
h1字体最大，h6字体最小
例如：

<h1>狗屎舍友今天叫我去拿外卖</h1> 
<h2>狗屎舍友今天叫我去拿外卖</h2> 
<h3>狗屎舍友今天叫我去拿外卖</h3> 
<h4>狗屎舍友今天叫我去拿外卖</h4> 
<h5>狗屎舍友今天叫我去拿外卖</h5> 
<h6>狗屎舍友今天叫我去拿外卖</h6>

结果：
在这里插入图片描述

二.HTML段落

HTML 段落(paragraph)是通过标签 <p> 来定义的.

<p>狗屎舍友还要我去拿外卖</p>

三.HTML注释

注释内容不会在页面内显示出来
多使用注释增加代码的可读性

<!-- 这是一个注释-->

四.HTML链接

HTML链接是通过<a>定义
href指定链接的地址

<a href="https://blog.csdn.net/qq_28997735">这是我的博客</a>
<!--"这是我的博客"变成蓝色并加上下划线，点击会转到https://blog.csdn.net/qq_28997735-->
<base href ="https://blog.csdn.net/qq_28997735" /> 
<!-- 规定页面中所有相对链接的基准 URL-->

五.HTML图片

HTML 图像是通过标签 <img> 来定义的.
src 属性是必需的。
它的值是图像文件的 URL，也就是引用该图像的文件的的绝对路径或相对路径。
height和width定义图像的高和宽

<img src="images/头像.jpg" height="200" width= "200" />

六.HTML空元素

<br/>也就是换行

<a href="https://blog.csdn.net/qq_28997735">这是我的博客</a>
<br />
<img src="images/头像.jpg" height="200" width= "200" />

组合一下

代码：

<!DOCTYPE html>
<html>
    <head>
		<meta charset="utf-8">
        <title>菜鸟舍友</title>
    </head>
    <body>
        <h1>狗屎舍友</h1>
        <p>菜鸡舍友</p>
        <a href="https://blog.csdn.net/qq_28997735">这是我的博客</a>
        <br />
        <img src="images/头像.jpg" height="200" width= "200" />
		<!--这是一个注释-->
    </body> 
</html>

结果：
在这里插入图片描述

思索与猫

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
【HTML学习笔记二】HTML基础

一.HTML标题HTML标题(Heading)通过<h1>到<h6>标签定义h1字体最大，h6字体最小例如：<h1>狗屎舍友今天叫我去拿外卖</h1> <h2>狗屎舍友今天叫我去拿外卖</h2> <h3>狗屎舍友今天叫我去拿外卖</h3> <h4>狗屎舍友今天叫我去拿外卖&lt...
复制链接

扫一扫

专栏目录