相信每个前端工程师初识前端之时，最先接触的都是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. Redis学习-内存优化

    以下为个人学习Redis的备忘录--内存优化 1.随时查看info memory,了解内存使用状况:127.0.0.1:6379> info memory# Memoryused_memory: ...

  2. 《java.util.concurrent 包源码阅读》22 Fork/Join框架的初体验

    JDK7引入了Fork/Join框架,所谓Fork/Join框架,个人解释:Fork分解任务成独立的子任务,用多线程去执行这些子任务,Join合并子任务的结果.这样就能使用多线程的方式来执行一个任务. ...

  3. vscode调试html页面，及配置说明

    一.效果目的 1.在VSCode里,直接F5打开html页面,并且可以在编辑器里,进行断点调试js代码: 二.工具准备 1.VSCode 软件 2.一个js项目 3.VSCode 上装一个插件:Deb ...

  4. C语言之scanf

    #include<stdio.h>int main(){int num;int a,b,c,result,d,result1;scanf("int%d",&nu ...

  5. 并发容器之写时拷贝的 List 和 Set

    对于一个对象来说,我们为了保证它的并发性,通常会选择使用声明式加锁方式交由我们的 Java 虚拟机来完成自动的加锁和释放锁的操作,例如我们的 synchronized.也会选择使用显式锁机制来主动的控 ...

  6. accept 文件描述符用尽处理

    if (events[i].data.fd == listenfd) { peerlen = sizeof(peeraddr); connfd = ::accept4(listenfd, (struc ...

  7. 简单的基于Vue-axios请求封装

    具体实现思路=>封装之前需要用npm安装并引入axios,使用一个单独的js模块作为接口请输出对象,然后export dafult 这个对象. 1.首先我们需要在Vue实例的原型prototyp ...

  8. php面试之四-Linux部分

    php面试题之四——Linux部分(高级部分) 四.Linux部分 1.请解释下列10个shell命令的用途(新浪网技术部) top.ps.mv.find.df.cat.chmod.chgrp.gre ...

  9. nanomsg 如何写数据到PipelineDB

    nanomsg:https://github.com/nanomsg/nanomsg PipelineDB:https://github.com/pipelinedb/pipelinedb nanom ...

  10. Protocol Buffer序列化对比Java序列化.

    初识 Protocol Buff是谷歌推出的一种序列化协议. 而Java序列化协议也是一种协议. 两者的目的是, 将对象序列化成字节数组, 或者说是二进制数据, 那么他们之间有什么差异呢. proto ...