文章目录


注：学习笔记基于小甲鱼学习视频，官方论坛：https://fishc.com.cn/forum.php


官方资料

鱼C课程案例库：https://ilovefishc.com/html5/
html5速查手册：https://man.ilovefishc.com/html5/
css速查手册：https://man.ilovefishc.com/css3/

学习正文

strong标签：https://man.ilovefishc.com/pageHTML5/strong.html
b标签：https://man.ilovefishc.com/pageHTML5/b.html
em标签：https://man.ilovefishc.com/pageHTML5/em.html
i标签：https://man.ilovefishc.com/pageHTML5/i.html
del标签：https://man.ilovefishc.com/pageHTML5/del.html
ins标签：https://man.ilovefishc.com/pageHTML5/ins.html
s标签：https://man.ilovefishc.com/pageHTML5/s.html
u标签：https://man.ilovefishc.com/pageHTML5/u.html
mark标签：https://man.ilovefishc.com/pageHTML5/mark.html
sup标签：https://man.ilovefishc.com/pageHTML5/sup.html
sub标签：https://man.ilovefishc.com/pageHTML5/sub.html
small标签：https://man.ilovefishc.com/pageHTML5/small.html

<html lang="en"><head>
    <meta charset="UTF-8">
    <title>第十二节课title>
	<meta name="viewport" content="width=device-width, intial-scale=1.0">
	<meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">
	<meta name="description" content="《零基础入门学习Web开发》案例演示">
	<meta name="author" content="小甲鱼">head><body>
	
	<p>这是普通文本，<strong>这是加粗文本strong>p>html>

零基础学习HTML(10)——striong标签、b标签、em标签、i标签、del标签、ins标签、s标签、u标签、mark标签、sup标签、sub标签、samll标签_html

<html lang="en"><head>
    <meta charset="UTF-8">
    <title>第十二节课title>
	<meta name="viewport" content="width=device-width, intial-scale=1.0">
	<meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">
	<meta name="description" content="《零基础入门学习Web开发》案例演示">
	<meta name="author" content="小甲鱼">head><body>
	
	<p>b元素也能使文本<b>变粗b>，但它没有附带任何表示重要的语义。p>html>

零基础学习HTML(10)——striong标签、b标签、em标签、i标签、del标签、ins标签、s标签、u标签、mark标签、sup标签、sub标签、samll标签_html_02

<html lang="en"><head>
    <meta charset="UTF-8">
    <title>第十二节课title>
	<meta name="viewport" content="width=device-width, intial-scale=1.0">
	<meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">
	<meta name="description" content="《零基础入门学习Web开发》案例演示">
	<meta name="author" content="小甲鱼">head><body>
	
	<p>学习编程中最重要的是<em>练习em>！p>html>

零基础学习HTML(10)——striong标签、b标签、em标签、i标签、del标签、ins标签、s标签、u标签、mark标签、sup标签、sub标签、samll标签_html_03

<html lang="en"><head>
    <meta charset="UTF-8">
    <title>第十二节课title>
	<meta name="viewport" content="width=device-width, intial-scale=1.0">
	<meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">
	<meta name="description" content="《零基础入门学习Web开发》案例演示">
	<meta name="author" content="小甲鱼">head><body>
	
	<p>i标签也可以让内容<i>倾斜i>，只不过它没有附带任何表示强调的语义。p>html>

零基础学习HTML(10)——striong标签、b标签、em标签、i标签、del标签、ins标签、s标签、u标签、mark标签、sup标签、sub标签、samll标签_html_04
强烈建议通过CSS来实现加粗和倾斜：

<html lang="en"><head>
    <meta charset="UTF-8">
    <title>第十二节课title>
	<meta name="viewport" content="width=device-width, intial-scale=1.0">
	<meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">
	<meta name="description" content="《零基础入门学习Web开发》案例演示">
	<meta name="author" content="小甲鱼">
	<style type="text/css">
		.bold {font-weight: bolder;}
		.italic {font-style: italic;}
	style>head><body>
	
	<p class="bold">这里的内容都加粗会比较好看！p>
	<p class="italic">这里的内容还是倾斜的好……p>html>

零基础学习HTML(10)——striong标签、b标签、em标签、i标签、del标签、ins标签、s标签、u标签、mark标签、sup标签、sub标签、samll标签_html_05

<html lang="en"><head>
    <meta charset="UTF-8">
    <title>第十二节课title>
	<meta name="viewport" content="width=device-width, intial-scale=1.0">
	<meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">
	<meta name="description" content="《零基础入门学习Web开发》案例演示">
	<meta name="author" content="小甲鱼">head><body>
	
	<p><del>我喜欢三上悠亚del>，不，<ins>我只是单纯的喜欢搞黄色ins>。p>html>

零基础学习HTML(10)——striong标签、b标签、em标签、i标签、del标签、ins标签、s标签、u标签、mark标签、sup标签、sub标签、samll标签_html_06

<html lang="en"><head>
    <meta charset="UTF-8">
    <title>第十二节课title>
	<meta name="viewport" content="width=device-width, intial-scale=1.0">
	<meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">
	<meta name="description" content="《零基础入门学习Web开发》案例演示">
	<meta name="author" content="小甲鱼">head><body>
	
	<p><s>我喜欢三上悠亚s>，不，我只是单纯的喜欢搞黄色。p>html>

零基础学习HTML(10)——striong标签、b标签、em标签、i标签、del标签、ins标签、s标签、u标签、mark标签、sup标签、sub标签、samll标签_html_07

<html lang="en"><head>
    <meta charset="UTF-8">
    <title>第十二节课title>
	<meta name="viewport" content="width=device-width, intial-scale=1.0">
	<meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">
	<meta name="description" content="《零基础入门学习Web开发》案例演示">
	<meta name="author" content="小甲鱼">head><body>
	
	<p>我喜欢<u>三上悠亚u>。p>html>

零基础学习HTML(10)——striong标签、b标签、em标签、i标签、del标签、ins标签、s标签、u标签、mark标签、sup标签、sub标签、samll标签_html_08

<html lang="en"><head>
    <meta charset="UTF-8">
    <title>第十二节课title>
	<meta name="viewport" content="width=device-width, intial-scale=1.0">
	<meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">
	<meta name="description" content="《零基础入门学习Web开发》案例演示">
	<meta name="author" content="小甲鱼">head><body>
	
	<p><mark>可乐mark>、<mark>雪碧mark>、<mark>柠檬茶mark>，请问客官喝点啥？p>html>

零基础学习HTML(10)——striong标签、b标签、em标签、i标签、del标签、ins标签、s标签、u标签、mark标签、sup标签、sub标签、samll标签_html_09

<html lang="en"><head>
    <meta charset="UTF-8">
    <title>第十二节课title>
	<meta name="viewport" content="width=device-width, intial-scale=1.0">
	<meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">
	<meta name="description" content="《零基础入门学习Web开发》案例演示">
	<meta name="author" content="小甲鱼">head><body>
	
	<p>E = MC<sup>2sup>p>
	<p>Mg + ZnSO<sub>4sub> = MgSO<sub>4sub> + Znp>html>

零基础学习HTML(10)——striong标签、b标签、em标签、i标签、del标签、ins标签、s标签、u标签、mark标签、sup标签、sub标签、samll标签_html_10

<html lang="en"><head>
    <meta charset="UTF-8">
    <title>第十二节课title>
	<meta name="viewport" content="width=device-width, intial-scale=1.0">
	<meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">
	<meta name="description" content="《零基础入门学习Web开发》案例演示">
	<meta name="author" content="小甲鱼">head><body>
	
	<h1>送钱啦！h1>
	<p>细节不重要，反正就是送钱啦！！p>
	<p><small>本活动最终解释权归XXX所有small>p>html>

零基础学习HTML(10)——striong标签、b标签、em标签、i标签、del标签、ins标签、s标签、u标签、mark标签、sup标签、sub标签、samll标签_html_11