相信每个前端工程师初识前端之时，最先接触的都是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. SDRAM操作说明

    SDRAM是做嵌入式系统中,常用是的缓存数据的器件.基本概念如下(注意区分几个主要常见存储器之间的差异): SDRAM(Synchronous Dynamic Random Access Memory ...

  2. ThreeJS的特效合成器和后期处理通道

    最近要写个 web 交互式发光可交互的框架.没查到啥好资料,自己一个人摸索了很久,有些失望,可是毕竟是探索过的东西,所以做个记录,怀念我过去好多天掉的青丝(捂脸).我在前面那篇博客里面已经介绍了如何让 ...

  3. WPF字符串中的换行符

    <sys:String x:Key="NewUpdateWillShow" xml:space="preserve">第一行 第二行 </sy ...

  4. 深入学习JS执行--单线程的JS

    一.介绍 随着js不断学习,你可能会慢慢的好奇,用了这么久的js,却不知道这js在浏览器怎么被执行的,很尴尬.所以,我查阅很多资料来总结JS的执行过程,也分享出来,和大家一起学习. 本篇主要讲单线程的 ...

  5. iBatis & myBatis & Hibernate 要点记录

    iBatis & myBatis & Hibernate 要点记录 这三个是当前常用三大持久层框架,对其各自要点简要记录,并对其异同点进行简单比较. 1. iBatis iBatis主 ...

  6. 【阿里聚安全·安全周刊】阿里双11技术十二讲直播预约|AWS S3配置错误曝光NSA陆军机密文件

    关键词:阿里双11技术十二讲直播丨雪人计划丨亚马逊AWS S3配置错误丨2018威胁预测丨MacOS漏洞丨智能风控平台MTEE3丨黑客窃取<权利的游戏>剧本|Android 8.1   本 ...

  7. Numpy入门 - 数组切片操作

    本节主要演示数组的切片操作,数组的切片操作有两种形式:更改原数组的切片操作和不更改原数组的切片操作. 一.更改原数组的切片操作 import numpy as np arr = np.array([1 ...

  8. 小白关于python 对象和内存的关系的一些感悟和疑惑，望大神指教

    首先你输入了一个字符串,这个字符串是有大小的,电脑将其放在内存中,自动给其一个起始指针指向这个字符串的首位置,然后,你将这个字符串赋值给一个变量,这个对象又在内存中开辟出一个空间,这个变量会自动连接这 ...

  9. bundles.Add( )下无法绑定后缀为min.css的文件

    1.问题描述: 在绑定css的时候,除了后缀名为.min.css的文件,在render.style()不显示外,其他的css都正常加载, 2.解决办法: 这个是我在调试了几遍之后发现的规律,然后解决办 ...

  10. P1197 [JSOI2008]星球大战

    题目描述 很久以前,在一个遥远的星系,一个黑暗的帝国靠着它的超级武器统治者整个星系.某一天,凭着一个偶然的机遇,一支反抗军摧毁了帝国的超级武器,并攻下了星系中几乎所有的星球.这些星球通过特殊的以太隧道 ...