HTMl网页中的文本和图像

JaneYork

发布于 2023-10-11 14:40:41

1910

发布于 2023-10-11 14:40:41

<!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>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2023-10-11，如有侵权请联系 cloudcommunity@tencent.com 删除

html