HTML基础知识（一）标题、段落、样式、链接、图像、表格

最新推荐文章于 2024-03-24 21:59:59 发布

VIP文章青藤下的旅行

最新推荐文章于 2024-03-24 21:59:59 发布

阅读量1.3k

点赞数 3

分类专栏： javaweb

本文链接：https://blog.csdn.net/qq_41621665/article/details/89735775

版权

Hbuilder自动补齐，格式化的快捷键是:ctrl+shift+f

哈哈哈哈哈哈，开心！注意是英文状态下噢！！！

<p>这是一个段落</p>

p标签是一个段落的开始，不特意设定位置的话就是从左边开始

如果设定位置了的话，位置效果和h 标题标签一样

<h2 align="center">你看，背景颜色变了呢！</h2>

h标签是标题标签，也是默认居左，想要居中，也要设置位置<h2 align="center">

<h1> 定义最大的标题。<h6> 定义最小的标题。

总结：p和h的区别就是，h会自动加粗，看起来像是标题，着重强调的意思。

<hr /> 标签在 HTML 页面中创建水平线。可以自己设置喜欢的颜色 <hr color="#0000FF" />

<br\>标签是根据自习想要的分割效果进行换行，中间没有空行

但是

<p>标签是的段落标签，两段之间是有换行的

疑问：

比如说诗句，怎么让每一行递增缩进呢？

当然是用<pre>标签了，哈哈哈！

<pre>标签可以根据理想格式排版，显示出理想效果

<p><pre>
     春眠不觉晓，
       处处闻啼鸟。
		 夜来风雨声,
		   花落知多少。
    </pre>
</p>

以上效果图的所有代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<h1 align="center">这是一个标题</h1>
		<p>这是一个段落</p>
		<p>这是另一个段落</p>
		<p><a href="http://www.baidu.com">This is a link</a>这是一个在当前页面跳转的链接</p>
		<p><a href="http://www.w3school.com.cn/" target="_blank">This is another link</a>这是一个跳转到新的页面的链接</p>
		<a href="#tips">有用的提示</a>
		<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>
		<img src="img/2.jpg" width="150px" height="150px"/>
	</body>
	<body bgcolor="aqua">
		<h2 align="center">你看，背景颜色变了呢！</h2>
		<h1>This is a heading</h1>
		<hr color="#0000FF" />
		<h2>This is a heading</h2>
		<hr />
		<h3>This is a heading</h3>
		<p>This is<br />a para<br />graph with line breaks</p>
		<p>This is</p>
		<p>a para</p>
		<p>graph with line breaks</p>
		<p> 春眠不觉晓，处处闻啼鸟。夜来风雨声,花落知多少。</p>
		<p> 春眠不觉晓，<br />处处闻啼鸟。<br />夜来风雨声,<br />花落知多少。</p>
		<p><pre>
春眠不觉晓，
        处处闻啼鸟。
		夜来风雨声,
			花落知多少。
		   </pre>
		</p>
		<p><a name="tips">基本的注意事项 - 有用的提示</a></p>
		<!--
        	作者：[email protected]
        	时间：2019-05-01
        	描述：样式style
     --> 
	<p>
	<a href&

最低0.47元/天解锁文章

青藤下的旅行

关注

3
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
HTML基础知识（一）标题、段落、样式、链接、图像、表格

Hbuilder自动补齐，格式化的快捷键是:ctrl+shift+f哈哈哈哈哈哈，开心！注意是英文状态下噢！！！1.<p>这是一个段落</p>p标签是一个段落的开始，不特意设定位置的话就是从左边开始如果设定位置了的话，位置效果和h 标题标签一样<h2 align="center">你看，背景颜色变了呢！</h2>h标签是标...
复制链接

扫一扫