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

    Homebrew作为OS X上强大的包管理器,为系统软件提供了非常方便的安装方式,独特式的解决了包的依赖问题,并不再需要烦人的sudo,一键式编译,无参数困扰,真的,你值得拥有. brew 的安装:  ...

  2. 有序GUID

    背景 常见的一种数据库设计是使用连续的整数为做主键,当新的数据插入到数据库时,由数据库自动生成.但这种设计不一定适合所有场景. 随着越来越多的使用Nhibernate.EntityFramework等 ...

  3. javascript第二章--变量、作用域和内存问题

    ① 基本类型和引用类型的值 ② 执行环境及作用域 ③ 垃圾收集

  4. 从vultr购买到搭ss看世界

    title: 从Vultr购买到搭ss看世界 date: 2017-11-19 12:28:38 categories: 技术 tags: top: 800 password: 写在前面 ​ 服务器提 ...

  5. Postman+newman+jenkins构建

      最近忙着项目接口测试,经过不同工具的对比,发现postman使用起来挺顺手的,所以马上决定使用这个工具进行接口测试工作.刚开始的时候,了解了下接口测试的相关信息,直接着手编写接口测试的测试用例信息 ...

  6. linux基础命令整理（一）

    ls 显示当前目录内容 1)ls / (显示根目录下所有的目录和文件) 2)ls -l / (以列表的形式显示根目录下所有的目录和文件) 绝对路径和相对路径 1)绝对路径,以/开头的都是绝对路径,比如 ...

  7. x86平台上的Windows页表映射机制

    首先,在x86架构的处理器上,一个正常页面大小为4KB,非PAE模式下,CR3持有页目录页面的物理地址,PDE和PTE格式相同大小为4字节.此时每个页表页面包含1024个PTE,可以映射1024个页面 ...

  8. AIO5打印样式函数说明

    函数名称 描述 _RM_Column 返回当前栏目数. _RM_Line 返回数据行数(从分组的起始位置开始) _RM_LineThough 返回数据行数(从报表的起始位置开始) _RM_Page 返 ...

  9. 全内存的redis用习惯了？使用基于硬盘存储类似redis的nosql产品ssdb呢？

    首先说一下背景,在双十一的时候,我们系统接受X宝的订单推送,同事原先的实现方式是使用redis的List作为推送数据的承载,在非大促的场景下, 一切运行正常,内存占用大概3-4G,机器是16G内存.由 ...

  10. Linux 链接详解----动态链接库

    静态库的缺点: 库函数被包含在每一个运行的进程中,会造成主存的浪费. 目标文件的size过大 每次更新一个模块都需要重新编译,更新困难,使用不方便. 动态库: 是一个目标文件,包含代码和数据,它可以在 ...