相信每个前端工程师初识前端之时，最先接触的都是html吧！

html的全称是hyperText markup language， 超文本标记语言，在网页中所有的文字，图片，架构等都是由html来编写的。

需要记住的是，html并不是一门传统意义上的计算机，他是通过无数个标签组合而成的。（<p></p>）

编写html需要相应的编辑器，笔者推荐Sublime（一直在用） 或者 VS Code（之后发现的编辑器，插件功能很强大）。

我们要在编辑器内创建一个文件来写代码

文件的后缀一般为html，我们可以在编辑器中直接创建html文件，也可以在文档内写好后通过改变后缀将其变为html文件（别的东西浏览器不识别哦）

通常的格式是

<html>//根标签
<head>//头部
<title></title>//标题·（可显示）
</head>
<body>//内容主体

</body>
</html>

如果你的浏览器不识别中文或者你想使用的其他语言（一般出现在版本较低的浏览器中），我们可以在head标签里加入<meta charset = “utf-8”>。

utf-8是unicode的升级版本，可以让浏览器识别各国语言（其他详情请谷哥度娘html编码集）。与此同时，你也可以在根标签<html>里面来加一条属性lang 来告诉搜索引擎爬虫我们网站使用什么语言写的，比如zh-cmn是中文   <html lang=” zh-cmn”>

既然介绍到这，那么我来说说html里的几个常用标签

1.div标签  <div></div>

最常用的标签之一，用法很多，（我）常用作把一零碎的标签整合为一个整体，是一种结构标签。

2.p标签 <p></p>

段落标签，会独占一行

3.span标签 <span></span>

用来盛放文字或者一些小物件。

4.img标签 <img src=" ">

在src的地方输入地址可引出图片

如： <img src="https://gw.alicdn.com/tps/TB1lGouNFXXXXX1XFXXXXXXXXXX-190-33.png" title="11">

5 a标签 <a href=" "></a>

用于引入地址或链接

6..标题标签 h1-h6

标题标签的作用是着重显示文字，一般用在标题上，它会将里面的文字加粗放大并且独占一行。（h1最大）

<h1></h1><h2></h2><h3></h3><h4></h4><h5></h5><h6></h6>

7.strong标签 <strong></strong>

将里面的文字加粗。

8.em标签 <em></em>

作用是将里面的文字变成斜体。

9. del标签 <del></del>

在里面的文字的中间画一条横线，表示删除，常用于各种促销活动或纠错。

10.address 标签 <address></address>

地址标签，它会将里面的内容变成斜体并且独占一行。

这里只介绍了一部分标签和内容，其余部分在之后的章节会再做总结。

最后，最为前端相关人士，我们有必要了解一些浏览器的基础相关信息

首先，我们必须知道的是，当今的主流浏览器有五种

ie  Windows自带浏览器，当年敢于颠覆w3c的存在

chrome  谷歌浏览器，测试首选，前端必备

firefox 火狐浏览器 ，非常稳定不易崩溃

opera 这是欧洲的一个浏览器，特点是兼容性很强

safari 苹果公司旗下浏览器，在苹果系统下是很优秀的浏览器，已停止对windows系统的支持。

关于浏览器，它的组成是外壳加内核，而我对主流浏览器的定义就是拥有一个自主研发功能强劲内核的浏览器。

浏览器                            内核
                                       • ie                                trident
                                       • chrome                   Blink/webkit
                                       • firefox                         Gecko
                                       • opera                         presto
                                       • safari                          webkit

第一次正式发文，不足之处望见谅，日后会不断改进

写给自己的web总结——关于html的知识总结的更多相关文章

  1. 用Python写一个简单的Web框架

    一.概述 二.从demo_app开始 三.WSGI中的application 四.区分URL 五.重构 1.正则匹配URL 2.DRY 3.抽象出框架 六.参考 一.概述 在Python中,WSGI( ...

  2. PyQt写的浏览单web页面的browser - 开源中国社区

    PyQt写的浏览单web页面的browser - 开源中国社区 PyQt写的浏览单web页面的browser

  3. 动手写一个简单的Web框架（模板渲染）

    动手写一个简单的Web框架(模板渲染) 在百度上搜索jinja2,显示的大部分内容都是jinja2的渲染语法,这个不是Web框架需要做的事,最终,居然在Werkzeug的官方文档里找到模板渲染的代码. ...

  4. 动手写一个简单的Web框架（Werkzeug路由问题）

    动手写一个简单的Web框架(Werkzeug路由问题) 继承上一篇博客,实现了HelloWorld,但是这并不是一个Web框架,只是自己手写的一个程序,别人是无法通过自己定义路由和返回文本,来使用的, ...

  5. 动手写一个简单的Web框架（HelloWorld的实现）

    动手写一个简单的Web框架(HelloWorld的实现) 关于python的wsgi问题可以看这篇博客 我就不具体阐述了,简单来说,wsgi标准需要我们提供一个可以被调用的python程序,可以实函数 ...

  6. 如何用PHP/MySQL为 iOS App 写一个简单的web服务器（译） PART1

    原文:http://www.raywenderlich.com/2941/how-to-write-a-simple-phpmysql-web-service-for-an-ios-app 作为一个i ...

  7. Web端即时通讯基础知识补课：一文搞懂跨域的所有问题！

    本文原作者: Wizey,作者博客:http://wenshixin.gitee.io,即时通讯网收录时有改动,感谢原作者的无私分享. 1.引言 典型的Web端即时通讯技术应用场景,主要有以下两种形式 ...

  8. 写给自己的web开发资源

    web开发给我的感觉就是乱七八糟,而且要学习感觉总是会有东西要学习,很乱很杂我也没空搞,(其实学习这个的方法就是去用它,什么你直接用?学过js么学过jquery么?哈哈,我没有系统的看完过,但是也做出 ...

  9. 如何写一个简单的Web Server(一)

      在本篇博文中我将介绍如何写一个Web Server.博文中大部分资料我是参考的这篇文章(http://www.linuxhowtos.org/C_C++/socket.htm),英文不错的同学可以 ...

随机推荐

  1. 插入排序-Python与PHP实现版

    插入排序Python实现 import random a=[random.randint(1,999) for x in range(0,36)] # 直接插入排序算法 def insertionSo ...

  2. 关于IDEA无法引入包和类的情况

    原因:修改一些包结构后,会出现无法将类引入的情况. 通过清理缓存解决:

  3. 2733:判断闰年-poj

    2733:判断闰年 总时间限制:  1000ms 内存限制:  65536kB 描述 判断某年是否是闰年. 输入 输入只有一行,包含一个整数a(0 < a < 3000) 输出 一行,如果 ...

  4. vue2.x利用脚手架快速构建项目并引入bootstrap、jquery

    要使用vue-cli脚手架搭建项目,首先需要安装node.js Node.js官网:https://nodejs.org/en/download/ 选择你对应的系统即可下载,下载完成后傻瓜式安装即可. ...

  5. Linux下如何彻底删除MySQL

    1.查找以前是否装有mysql 命令:rpm -qa|grep -i mysql可以看到如下图的所示: 说明之前安装了:MySQL-client-5.5.25a-1.rhel5MySQL-server ...

  6. github与git之间怎么建立连接

    git是一款强大的分布式版本控制系统,到底是什么意思呢?其实我也不知道,以后知道了再补上吧.下面咱们来讲一下github怎么与你电脑上的git建立起连接关系. 一.你要有一个github账号. 去百度 ...

  7. 三种方法实现PCA算法（Python）

    主成分分析,即Principal Component Analysis(PCA),是多元统计中的重要内容,也广泛应用于机器学习和其它领域.它的主要作用是对高维数据进行降维.PCA把原先的n个特征用数目 ...

  8. 欢迎大家关注我的微信公众号（nangongkuo）

    欢迎大家关注我的微信公众号,在这个公众号里面我会给大家分享我学习过程中分享给大家的一些技术性的东西,和一些生活经验的总结分享.

  9. 关于promise的详细讲解

    到处是回调函数,代码非常臃肿难看, Promise 主要用来解决这种编程方式, 将某些代码封装于内部. Promise 直译为"承诺",但一般直接称为 Promise; 代码的可读 ...

  10. Akka（43）： Http：SSE-Server Sent Event - 服务端主推消息

    因为我了解Akka-http的主要目的不是为了有关Web-Server的编程,而是想实现一套系统集成的api,所以也需要考虑由服务端主动向客户端发送指令的应用场景.比如一个零售店管理平台的服务端在完成 ...