相信每个前端工程师初识前端之时，最先接触的都是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. eclipse中hibernate和mybatis中xml配置文件的没有标签提醒解决方法

    当我们使用eclipse编写Mybatis或hibernate的xml文件时,面对众多标签的配置文件,却没有自动提醒,对于工作和学习都十分不方便. 之所以没有自动提醒,是因为dtd文件没有加载成功. ...

  2. HTML5技术分享 ES2017继发与并发

    大家都知道,async函数的返回值是 Promise 对象,这比 Generator 函数的返回值是 Iterator 对象方便多了.你可以用then方法指定下一步的操作. 进一步说,async函数完 ...

  3. iOS swift的xcworkspace多项目管理（架构思想）

    iOS  swift的xcworkspace多项目管理(架构思想) 技术说明: 今天在这里分享 swift下的 xcworkspace多项目管理(架构思想),能为我们在开发中带来哪些便捷?能为我们对整 ...

  4. ERP服务器简单维护

    前言: 此页内容对于网管高手来说是小儿科,但是以我们对大多数企业的了解,依然有好多企业将服务器的日常维护给忽视了. 所以在此,给大家做一个宣传.让大家提高服务器维护的意识 以提高服务器运行的稳定性.安 ...

  5. svg-写一个简单的进度条

    html <div class="container"> <div class="line-wrap"> <svg version ...

  6. Python之登录接口

    要求 1.输入用户名密码2.认证成功后显示欢迎信息3.输错三次后锁定 思路 没有数据库,这里使用本地文件,一共需要两个文件:       黑名单的文件:黑名单里检测,不让登录     用户信息文件:将 ...

  7. 如何使用python将MySQL中的查询结果导出为Excel----xlwt的使用

    如何在MySQL中执行的一条查询语句结果导出为Excel? 一.可选方法 1.使用sql yog等远程登录,执行查询语句并导出结果集为Excel 适用于较简单的查询结果集的导出 如果需要多个SQL语句 ...

  8. base64位加密解密

    1.base64位加密base64是用于传输8Bit字节代码,由上图的编码表可以知道,编码后的内容只包含这64个字符类型,所以称为base64编码 2.编码过程 : 首先将待编码的内容转换成8位二进制 ...

  9. C# 使用Task实现任务超时，多任务一起执行

    简介:充分使用Task的异步功能代码实现:1.实现了任务超时 退出任务 2.多个任务一起执行 /// <summary>        ///做事 需要 ms秒 才能完成        / ...

  10. zzuli 1812: sort 排序

    1812: sort Time Limit: 1 Sec  Memory Limit: 128 MB Submit: 352  Solved: 216 SubmitStatusWeb Board De ...