目录

HTML入门教程

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。HTML是一种基础技术,常与CSS、JavaScript一起应用于网站前端开发中。网页浏览器可以读取HTML文件,并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。

HTML元素是构建网站的基石。HTML允许嵌入图像与对象,并且可以用于创建交互式表单,它被用来结构化信息——例如标题、段落和列表等等,也可用来在一定程度上描述文档的外观和语义。HTML的语言形式为尖括号包围的HTML元素(如<html>),浏览器使用HTML标签和脚本来诠释网页内容,但不会将它们显示在页面上。

本套教程记录了HTML入门的大部分知识点。文中带有大量的实例,方便大家学习。

我们将掌握以下常用HTML标签
html.jpeg
  1. <b> </b> 强调标签,样式标签,bold,在html中已经废弃,不推荐使用,内联元素inline 

  2. <strong> </strong> 语义上的强调,在html中推荐使用,内联元素inline 

  3. <i> </i> italic的缩写,内联元素,自己有多宽占多宽,文本斜体显示,inline元素 

  4. <em> </em> 也是斜体的表示,在html中推荐使用其来代替i标签,emphasize缩写为em,inline元素 

  5. <u> </u> underline缩写为u,inline元素,已经废弃 

  6. <s> </s> strike缩写为s,在字体上做一个删除线的效果,描述的也是样式,废弃的标签 

  7. <sub> </sub> subscript的缩写sub,inline,下标,在html5中已经废弃 

  8. <sup> </sup> superscript的缩写sup,在数学上经常用着两个标签,inline,上标,描述样式的标签,在html5中已经废弃 

  9. <h1> </h1> 描述语义的标签,block元素,从上到下字体一次减少,该标签的margin在不同的浏览器中是不一样的,要注意。 

  10. <h2> </h2> 

  11. <h3> </h3> 

  12. <h4> </h4> 

  13. <h5> </h5> 

  14. <h6> </h6> 

  15. <p> </p> paragraph的缩写,描述的是语义,在html5中保留,没有被废弃,段中没有间距,但是在段与段之间是有间距的,但是margin在不同的浏览器中是一样的,典型的block元素。 

  16. <br /> 单标签,输出换行。 

  17. <hr /> 单标签,输出分割线 ,常用的属性有color、width、align(对齐方式)其中align有三个选项:left、right、center。horizontal rule的缩写:hr,在项目中用的很少。 

  18. <pre> </pre> 在网页中表示代码时会用到这个标签,意思是采用预定义格式,也就是保留了代码的书写格式,比如缩进等,区块元素。 

  19. <code> </code> 经常和上面的pre元素一起使用来表示网页中的代码

  20. <span> </span> 行内分区元素,最简单的inline元素,没有任何的显示效果,需要CSS样式去实现效果。span直译为“跨距”,但是不好理解,所以在实际的使用中不去翻译。必须要配合CSS和JS才会有效果。 

  21. <div> </div> 元素分组,division(分组)的缩写为div,在页面布局中经常会用到,block元素,跟p不一样,p元素上下是有间距的,最简单的区块元素,只是用来将指定的内容放在一个区块中。

  22. <img src=”图片的路径” /> 实际上不是将一张图片嵌入到网页中,而是通知服务器发起一个图片请求(get),请求服务器找到图片并且加载,其中还有img还有几个属性:width:像素和百分比、height、alt:若图片无法显示时显示的文字、title:鼠标悬停时显示的文字,inline元素。

  23. <a> </a> inline元素。其中href属性指定了要跳转的url、邮箱

原文链接:https://rumenz.com/html/
↑回到顶部↑
入门小站 @2018