HTML5(3)——基础标签

HTML 文档

基本上文档就包括了3部分内容,大致就是:
文档类型声明<!DOCTYPE>写在文档的开头第一行。
文档本身的起始<html>和结束</html>
文档在网页显示的部分<body></body>
下面是一个例子:

1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

其实这么一看,HTML的基本骨架,其实和LaTeX整个文档非常的类似。需要指定文档类型\documentclass{article},需要文档开始很结束的说明\begin{document}\end{document},文档显示部分有些差异,可以不用环境说明直接填写你想要的内容即可。
此外,还有一些差异,括号的不同和斜杠的相反。

1
2
3
4
5
6
7
\documentclass{article}

\begin{document}

This is my first article.

\end{document}

标题

HTML5里面标题是用<h1></h1>来表示,且一共有6级标题<h1><h6>,更markdown一样,因为HTML是markdown的简化版本,基本的一些元素始终在的,而且markdown支持部分HTML语法。如果是个人微博的话,那么你可以写所有的HTML语法,因为最终你写的文档是要被编译成网页而呈现出来的,可以放心地写。

1
2
3
4
<h1>第一级标题</h1>
<h2>第二级标题</h2>
...
<h6>第六级标题</h3>

而在LaTeX中,一般就使用\section{}subsection{}subsubsection

段落

段落的标签是<p>,比如<p>这是一个段落</p>

链接

HTML中,链接标签是<a>,可以这么用

1
<a href="地址">这是一个连接</a>

其中href是HTML的一个属性,而属性可以很好的扩展元素想要的信息。

图片

HTML中,图片的标签是<img>,不同的是它是单独的,没有结束标签。可以看到,src也是属性,是来指定源文件,alt也是属性,用来图片的说明(在图片没法呈现的时候,就会出现这些文字)。后面的widthheight也是属性,指定图片高和宽。

1
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">

按钮

标签是<button>

列表

HTML中,列表可以分为有序列表和无序列表,标签分别是<ol><ul>,在里面还有其他标签需要使用<li>,两个列表都是一样。

1
2
3
4
5
6
7
8
9
10
11
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

坚持原创技术分享,您的支持将鼓励我继续创作!