前端语言串讲

bug智造
114 阅读2分钟

前端语言串讲

前端三剑客

（1）HTML：负责网页的架构；

（2）CSS：负责网页的样式，美化；

（3）JavaScript（JS）：负责网页的行为；

HTMLd 基本语法

  • 标签（元素）Element
  • 文本 Text
  • 注释 Comment
  • DTD Document Type Defination
  • 处理信息ProcessingInstruction

HTML 全部标签分类

标签分类可分为以下：

  1. 文档型：
    • <!DOCTYPE>
    • <head>
    • <body>
  2. 闭合型：
    • 闭合标签：<p></p>
    • 空标签：
      • <br>
      • <img>
      • <input>
  3. 换行型：
    • 块级标签
      • <div>
      • <h1>、<h2>...<h6>
    • 行内标签
      • <span>
      • <a>
  4. H5新元素： - 语义化标签 - 媒体标签 - <video> - <audio> - <embed> - 表单标签 - <input type="date"> - <input type="color"> - 功能标签 - <canvas> - <progress>

HTML的bead标签

  • title:标题，全局唯一
  • base：
    • 向页面所有相对URL提供前缀
    • 全局唯一，不建议使用
  • meta：
    • 通常是约定好的键值对
    • 例外：charset、http-equiv
  • link：rel决定类型，href决定引入地址
  • script：
    • type指定MIME类型
    • 可内嵌代码，可外链文件

HTML ARIA

了解ARIA并非只是为了供盲人阅读，它可以为我们设计UI系统提供指导意义 image.png

HTML存储

image.png

HTML5 Audio

image.png

HTML5二进制

image.png

用HTML实现的第一个前端页面

最后小结及个人思考

华丽的网页界面，都是由静态网页和一些动态效果，插入的视频，和flash等等，不得不说，静态网页的制作，是学习网页的必经之路，可见静态网页在学习网页的前端是十分重要。静态网页主要是通过html制作。

 简单的回顾一下通过在青训营学到的html吧，  html是一种超文本标记语言，静态网页也是由，html的标记和标记中的属性，来体现出来，在这里我提及几个在html十分常用的标记。 html里面有双标记和单标记之分，那么我就由单标记先提起吧 单标记是用一个标记就能完整的意思的标记，首先我来介绍一下他的语法特点是<标签名称> 一般最常用的单标记有<br>,它是用来表示换行，<hr>我们时常利用它来划分上下文的内容，它相关的属性有align,noshade,size,width,<img>是图片标记，它通过属性url来引入图片路径，通过width,heigth,align等属性来设置图片的大小，位置，<input>这个标记显示文本框，按钮，等等，令属性type= button,checkbox,password,radio,reset,submit,text,将可以分别显示，普通按钮，复选框，密码，单选按钮，重置按钮，提交按钮，文本框。

avatar
文章
阅读
粉丝