HTML5(3)——基础标签

给人的感觉就是舒服,静谧

上一小节,我们讲解了HTML5的编辑器,那么接下来我们讲HTML的一些基本知识,可能和最开始的介绍内容有部分重复,又有部分补充。

HTML 文档

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

<!DOCTYPE html>
<html>
<body>

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

</body>
</html>

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

\documentclass{article}

\begin{document}

This is my first article.

\end{document}

标题

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

<h1>第一级标题</h1>
<h2>第二级标题</h2>
       ...
<h6>第六级标题</h3>

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

段落

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

链接

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

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

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

图片

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

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

按钮

标签是<button>

列表

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

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 网页格式 html标签告诉浏览器这是一个网页。其它所有的标签都必须写在 html 开始标签和结束标签之间。 hea...
    xiaohan_zhang阅读 671评论 0 1
  • h1-h6为块级标签会自动换行 br换行标签 align居中显示 right右对齐 left左对齐 bottom(...
    清风吹落花的香阅读 206评论 0 0
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 179,029评论 25 709
  • 前言 本系列文章主要是基于W3school这个学习网站来总结的,之所以会自己总结一番,一来是因为网站中的实例效果,...
    码字与律动阅读 4,291评论 4 70
  • 为什么学习Markdown 自从搭建了 Hexo 博客之后,发现还有 Markdown 这种写文章的方法,想到以后...
    lifeColder阅读 20,467评论 10 216

友情链接更多精彩内容