HTML学习——HTML基础

前言

我们前面一篇博客讲到了怎么去实现一个简单的html页面，这里分享是有关html的基础。废话不多说上图上代码

效果图

这里写图片描述

上代码

<html>
    <body>
        <h1>1级标题</h1>
        <h2>2级标题</h2>
        <h3>3级标题</h3>
        <h4>4级标题</h4>
        <h5>5级标题</h5>
        <h6>6级标题</h6>
        <p>这是html中的第一个段落，不知道写什么好，随便写写，啦啦啦啦啦啦</p>
        <p>这是html中的第二个段落，不知道写什么好，随便写写，嘻嘻嘻嘻嘻嘻</p>
        <p>这是html中的第三个段落，不知道写什么好，随便写写，哈哈哈哈哈哈</p>
        <a href="https://blog.csdn.net/chengxu_kuangrexintu">打开博主的博客，看一下</a>
        <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2816162621,3916018043&fm=27&gp=0.jpg" width="300" height="200"/>
    </body>
</html>

代码说明

1.标题标签

下面代码代表的是html中的6个标题标签，<h1>是标题字体最大的标签，到<h6>标签标题字体依次减小。

<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>

2.段落标签

下面代码中<p>是段落标签，我们可以在其中输入很长的一段文字。

<p>这是html中的第一个段落，不知道写什么好，随便写写，啦啦啦啦啦啦</p>
<p>这是html中的第二个段落，不知道写什么好，随便写写，嘻嘻嘻嘻嘻嘻</p>
<p>这是html中的第三个段落，不知道写什么好，随便写写，哈哈哈哈哈哈</p>

3.超链接标签

下面代码中的<a>是超链接标签，href属性是定义超链接地址，<a>与</a>之间的内容就是显示一个超链接。超链接是默认是蓝色字体带有下划线，当用户点击超链接就会跳转超链接页面。

<a href="https://blog.csdn.net/chengxu_kuangrexintu">打开博主的博客，看一下</a>

4.图像标签

下面代码中的<img>是图像标签。src属性是图像的地址。width是宽度，height是高度，他们规定了图像显示的大小。

<img 
src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2816162621,3916018043&fm=27&gp=0.jpg" 
width="300" 
height="200"/>