前言
我们前面一篇博客讲到了怎么去实现一个简单的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"/>