HTML 学习笔记1+阶段性小练习

最新推荐文章于 2024-03-18 11:28:08 发布

点点滴滴25

最新推荐文章于 2024-03-18 11:28:08 发布

阅读量129

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/qq_41325698/article/details/101525095

版权

HTML 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

解决HTML中文乱码问题：

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

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

2.标签

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

3.标题

分为六个等级 1-6 h1最大，h6最小

标题会自动粗体，大写其中的内容，并且带有换行效果

4.注释

html 用 注释

5. 粗体

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

6.小知识点

<br> 换行 <hr> 加一个分割线

7.斜体

i是italic的缩写，仅仅表示该文本是斜体的，并不暗示这段文字的重要性
em 是 Emphasized的缩写，虽然也是斜体，但是更多的是强调语义上的加重，提醒用户该文本的重要性。常常用于引入新的术语的时候使用。不带自动换行效果。

<p>无效果</p>
<strong>粗体</strong>
<br/>
<i>斜体</i>
<br/>
<strong><i>同时有粗体和斜体</i></strong>

8.显示代码

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

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

9.删除标签

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

使用s标签实现的删除效果，但是不建议使用，因为很多浏览器不支持s标签

<s>使用s标签实现的删除效果，但是不建议使用，因为很多浏览器不支持s标签</s>

10.下划线的标签

使用ins标签实现的下划线效果
使用u标签实现的下划线效果，但是不建议使用

但是通常来讲，不要给普通文本加下划线，因为用户会误以为是一个超链

<ins>使用ins标签实现的下划线效果</ins>
 
<br/>
 
<u>使用u标签实现的下划线效果，但是不建议使用</u>

阶段性小练习

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

  <body>
  <h1>英雄联盟 （2011年腾讯运营的电子竞技类游戏）</h1>
  
  <p><b>《英雄联盟》</b>(简称LOL)是由美国拳头游戏(<i>Riot Games</i>)开发、中国大陆地区腾讯游戏代理运营的英雄对战MOBA竞技网游。</p>
  <br>
  <p><b>《英雄联盟》</b>游戏里拥有数百个个性英雄，并拥有排位系统、符文系统等特色养成系统。</p>
  <br>
  <p><b>《英雄联盟》</b>还致力于推动全球电子竞技的发展，除了联动各赛区发展职业联赛、打造电竞体系之外，每年还会举办“季中冠军赛”<del>“全球总决赛”</del>“All Star全明星赛”三大世界级赛事，获得了亿万玩家的喜爱，形成了自己独有的电子竞技文化。 <ins>[1]</ins></p>  


  </body>
</html>

点点滴滴25

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML 学习笔记1+阶段性小练习

1.解决HTML中文乱码问题：<head><meta http-equiv="Content-Type" content="text/html; charset=GB2312"></head> 这样就能告诉浏览器使用GB2312方式显示中文如果 GB2312不行，就用UTF-82.标签<p>…………</p>...
复制链接

扫一扫

专栏目录