html常规标签运用

最新推荐文章于 2022-09-28 18:03:35 发布

不忘初心fight

最新推荐文章于 2022-09-28 18:03:35 发布

阅读量162

点赞数

CC 4.0 BY-SA版权

分类专栏： html

本文链接：https://blog.youkuaiyun.com/weixin_41831919/article/details/100148412

html 专栏收录该内容

3 篇文章

订阅专栏

本文探讨了HTML中中文显示的编码问题，介绍了如何通过设置GB2312或UTF-8解决乱码。此外，文章详细解释了常用HTML标签如 、<h1>、、、、<pre>、<del>、<ins>、<img>和<a>的使用方法及属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html 显示中文问题

中文乱码问题
可以在浏览器上设置编码方式为GB2312
或者在html的最前面加上编码设置

<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
</head>

这样就能告诉浏览器使用GB2312方式显示中文
如果 GB2312不行，就换用UTF-8

各种常见常用标签及属性

<br/>
<h1>有1个换行</h1>
<p>这是一个水平线，有渲染效果，但是没有文本内容</p>
<hr/>

属性值应该使用双引号括起来

<h1 align="center">居中标题</h1>

html使用 进行注释

标签即表示段落，是paragraph的缩写，自带换行效果

都可以用来实现粗体的效果

区别：
b是bold的缩写，仅仅表示该文本是粗体的，并不暗示这段文字的重要性
strong虽然也是粗体，但是更多的是强调语义上的加重，提醒用户该文本的重要性。在SEO（搜索引擎优化）的时候，也更加容易帮助用户找到重点的内容
推荐使用strong

和都可以表示斜体效果

有时候，需要在网页上显示代码，比如java代码，就需要用到pre

<pre>
public class HelloWorld {
 
    public static void main(String[] args) {
        System.out.println("Hello World");
    }
} 
</pre>

<del>即删除标签 delete的缩写

<ins>即下划线标签通常来讲，不要给普通文本加下划线，因为用户会误以为是一个超链

<img> 即图像标签需要设置其属性 src指定图像的路径

如果图片不存在，默认会显示一个缺失图片，这是不友好的
所以可以加上alt属性。
当图片存在的时候，alt是不会显示的
当图片不存在的时候，alt就会出现

<img width="200" height="200" src="http://hello/example.gif"/>
<div align="left">
  <img src="http://hello/example.gif"/>
</div>
 
<div align="center">
  <img src="http://hello/example.gif"/>
</div>
 
<div align="right">
  <img src="http://hello/example.gif"/>
</div>

<img src="http://hello/example.gif" alt="这个是一个图片" />
 
<br/>
<img src="http://hello/example_not_exist.gif" alt="这个是一个图片" />

<a>标签即用来显示超链完整元素是 <a href="跳转到的页面地址">超链显示文本</a> 使用图片作为超链

<a href="http://www.12306.com">12306</a>

<a href="http://www.12306.com">
<img src="http://hello/example.gif"/>
</a>