HTMl网页中的文本和图像

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>HTML5网页中的文本和图像</title>
	</head>
	<body>
		网页中的文本分为两大类:一是普通文本;二是特殊文本字符;<br />
		半角大的空白&ensp;<br />
		全角大的空白&emsp;<br />
		不断行的空白格&nbsp;<br />
		小于&lt;<br />
		大于&gt;<br />
		&符号&amp;<br />
		双引号&quot;<br />
		版权&copy;<br />
		已注册商标&reg;<br />
		商标(美国)&#8482;<br />
		乘号&times;<br />
		除号&divide;<br />
		文字与文字之间的空格如果超过一个,从第二个开始都会被忽略,这时候可以在键盘中文输入法状态下转成全角输入空格即可。或者直接shift+空格     
		;<br />
		尽量不要使用&nbsp;来表示多个空格,因为多少浏览器对空格的距离实现是不一样的。<br />
		文本的特殊样式:<br />
		<p><b>我是粗体文字</b></p>
		<p><em>我是强调文字</em></p>
		<p><strong>我是加强调文字</strong></p>
		<p><i>我是倾斜文本,HTML中重要文本和倾斜文本都已经过时,需要CSS实现,CSS实现页面样式更加精细</i></p>
		<p>我是上标<sup>上标</sup></p>
		<p>我是下标<sub>下标</sub></p>
		<h1>一级标题行</h1>
		<h2>🎧二级标题行</h2>
		<h3>3即标题headline</h3>
		<h6>6级标题headline</h6>
		<ul>
			<li>unordered list</li>
			<li>unordered list</li>
			<li>unordered list
				<ol>
					<li>ordered list</li>
				</ol>
			</li>
			<li><ul>
				<li>unordered list</li>
			</ul></li>
			
		</ul>
		<ol>
			<li>ordered list</li>
			<li>ordered list</li>
			<ul>
				<li>unordered list</li>
				<li>unordered list</li>
			</ul>
			<ol>
				<li>ordered list</li>
				<li>ordered list</li>
			</ol>
		</ol>
		
		<img src="" width="100px" height="100px" alt="图片提示:鼠标悬浮显示或没加载成功会提示。但是随着互联网的发展,网速已经不是制约因素,但是另一好处
		就是方便搜索引擎的检索" />
		
	</body>
</html>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

JaneYork

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值