卧槽,大年三十我在干嘛。我在水文章(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:noionion@outlook.com">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>


暂时写到这里(剩下的还没学啦)