html介绍

HTML定义

Hyper Text Markup Language是它的全称,理解为超文本标记语言;它是很简单的一个标记语言,是最基础的显示,它其实就是由txt文本文件改名来的。

⚠它不需要编译,页面直接由浏览器运行解析显示。

我们长听的术语“网页”,也就是这个意思,当然还要包括它那两个兄弟。

例如:段落p标记

<p>我是一个段落</p>
调试浏览器

Chrome(推荐), firefox火狐是比较推荐的,还有其他的浏览器。

HTML颜色

颜色的表示有三种方式:

  • 英文单词表示的颜色:black,red,white等。

  • 十进制表示:rgb(255,255,255)

  • 16进制表示:#0000FF等

HTML规范
  • html语言不区分大小写

  • html文件后缀名为.html/.htm

  • html简单结构:

    • 声明标准

    • head

    • body

  • <!DOCTYPE html>
    <html lang="en">
    
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    </head>
    
    <body>
    
    </body>
    
    </html>
    
  • 编写要求

    • 标记元素时要正确嵌套,不允许交叉使用。
      <p><span>段落</span></p>
      
    • 标记元素必须封闭。
    • 标记元素都是用字母小写
    • 标记分为双边以及单边标记:
      • 特殊的单边标记有:<br>,<hr>它都会转换为<br />,<hr />
    • 标记元素的属性的值不能为空: <div class="box">我是一个box</div>
    • 标记元素的属性的值要加引号。
  • 语法特征

    • html对tab键,换行不敏感,不会因此影响页面的结构。
    • 这里更注意的是,文字与文字之间添加多个空格以及上面的tab和换行都只会默认为一个空格。
开发的编辑器

我这里比较喜欢用VS Code,当然啦其他朋友可以用其他的编辑器

例如之前说到的,PycharmAtomSublime Text等。

如果你自身比较依赖代码提示的话,可以使用用WebStorm或者Hbuilder

我以后撰写的内容都会以VS Code为编辑器进行代码编写来记录这个。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 如果要单讲Html的话,篇幅其实会很短,因为这是个很简单的东西(当然,只是看起来),那么这篇文章我们也可以说一些跟...
    年少有van阅读 1,429评论 1 8
  • 关于HTML 超文本标记语言(HyperText Markup Language,简称:HTML)是一种用于创建网...
    YQY_苑阅读 691评论 0 1
  • 标签(空格分隔): html html (Hyper Text Markup Language)中文译为“超文本...
    lvyweb阅读 484评论 0 0
  • 1.Html和CSS的关系 学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我...
    鹿守心畔光阅读 200评论 0 0
  • 孙鲁,原名炜,字浩如,号啸甫,清乾隆时嘉善人。贡生。曾主讲思贤书院,有《遁吉斋诗草》。 《携姜孝廉长卿仙居寺瀑布泉...
    莲子风父抱石人阅读 195评论 0 1