html 入门学习（一）
source link: https://noionion.top/10752.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
html 入门学习（一）
卧槽，大年三十我在干嘛。我在水文章（bushi) 我在学新知识
我其实也不怎么知道我学前端知识干啥。可能只是想有更广的知识面吧，反正立下了大一下的自学前端知识（html,css,js 三件套）的 flag
趁着春节这周 ACM 不用训练，时间较好安排，不妨开始 html 喽
我就不在这里重复说 html 是什么，做什么的。这里只是作为笔记的整理，适合翻阅查看而已。以下开始正题：
<!DOCTYPE html>
<html>
<head>
<title>基础格式</title>
<meta charset="utf-8">
</head>
<body>
<h1>标题</h1>
<p>段落</p>
</body>
</html>
<!DOCTYPE html> 声明这是个 html 文档（虽然我觉得文件后缀名就能判断出来）
<html></html> html 的开头结尾
<head></head> 必要的声明，比如标题，编码方式，还有此文档外部引入的 css 等等，都在这里声明（此部分不会在网页中显示）
<body></body> 文档的主体部分
所以文章的整个基本结构应该是
html
- head
- body
比较可能会在 md 里面打的：
常用红色加粗文本<b style="color: red;">常用红色加粗文本</b>
常用橙色加粗文本<b style="color: orange;">常用橙色加粗文本</b>
常用黄色加粗文本<b style="color: yellow;">常用黄色加粗文本</b>
常用绿色加粗文本<b style="color: green;">常用绿色加粗文本</b>
常用青色加粗文本<b style="color: cyan;">常用青色加粗文本</b>
常用蓝色加粗文本<b style="color: blue;">常用蓝色加粗文本</b>
常用紫色加粗文本<b style="color: purple;">常用紫色加粗文本</b>
还有 strong 加粗<strong style="color: violet;">还有strong加粗</strong>
b 标签是加粗
strong 标签也是加粗
big 标签是放大
small 标签是缩小
em 是斜体
i 也是斜体
sup 上标正常 sub 下标
ins 标签插入字（下划线）
del 标签删除字
对以下东西比较迷惑
定义项目一段电脑代码 print("Hello World")
计算机样本
键盘输入
变量
<!--对以下东西比较迷惑-->
<dfn>定义项目</dfn><br>
<code>一段电脑代码 print("Hello World")</code><br>
<samp>计算机样本</samp><br>
<kbd>键盘输入</kbd><br>
<var>变量</var>
<!--迷惑结束-->
鼠标移到我上边看内容<abbr title="abbr标签缩写，可以隐藏内容呀">鼠标移到我上边看内容</abbr>
<address> 标签定义文档作者 / 所有者的联系信息。
如果 <address> 元素位于 <body> 元素内部，则它表示该文档作者 / 所有者的联系信息。
如果 <address> 元素位于 <article> 元素内部，则它表示该文章作者 / 所有者的联系信息。<address> 元素的文本通常呈现为斜体。大多数浏览器会在该元素的前后添加换行。
如
Written by noionion.
Visit us at:
noionion.top
HNU univsity Changsha Hunan
Chine
<address>
Written by <a href="mailto:[email protected]">noionion</a>.<br/>
Visit us at:<br/>
<a href="https://noionion.top/">noionion.top</a><br/>
HNU univsity Changsha Hunan<br/>
Chine
</address>
该段落文字从左到右显示。
该段落文字从右到左显示。<bdo dir="rtl">该段落文字从右到左显示。</bdo>
长文本引用 blockquote
定义引用 cite
和 md 的引用是一样的
<blockquote cite="http://www.worldwildlife.org/who/index.html">
长文本引用blockquote<br/> 定义引用cite<br/>
和md的引用是一样的
</blockquote>
<q style=”color: lightblue;”;”> 短文本引用 q（有点类似于加个双引号？）<q style="color: lightblue;";">短文本引用q（有点类似于加个双引号？）</q><br/>
使用 cite 标签来定义作品的标题 <br><cite>使用cite标签来定义作品的标题</cite>
暂时写到这里（剩下的还没学啦）
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK