1+入门html

最新推荐文章于 2024-05-23 16:52:46 发布

HannanKan

最新推荐文章于 2024-05-23 16:52:46 发布

阅读量225

点赞数

分类专栏：前端学习

本文链接：https://blog.csdn.net/LOVE_CODE_LOVE_LIFE/article/details/79589106

版权

前端学习专栏收录该内容

2 篇文章 0 订阅

订阅专栏

html 基本布局

<!DOCTYPE html>                    //这个是html文件声明
    <html>
        <head>                       //包含了文档的元数据
        <meta charset="utf-8">        //中文编码
        <title>菜鸟教程(runoob.com)</title>  //页面标题，该网页的标题
        </head>
        <body>                          //文档中显示内容

        <h1>我的第一个标题</h1>        //显示标题
        <p>我的第一个段落。</p>        //显示段落

        </body>
</html>

基本元素

1. 标题、段落、连接、头部、图像、表、文本格式化

2. 区块/布局：类似与安卓页面，将整个屏幕分块

3. 表单：是允许用户向其中输入内容的元素比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。表单使用表单标签 <form> 来设置

4.框架：通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。（其他页面以嵌入式显示）

5. 颜色设置：同安卓，用#加6个十六进制数来表示，，同时有141个颜色可以用英文单词来表示

6. 脚本：JavaScript 使 HTML 页面具有更强的动态和交互性。可以在html中嵌入JavaScript脚本与用户进行交互

7.特殊字符的表示：字符实体

HTML5

1. HTML5 <canvas> 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成. <canvas> 标签只是图形容器，您必须使用脚本来绘制图形。你可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。(类似Android 开发，<canvas>类似layout中xml 文件，而JavaScript类似后台java的控制代码)

2. SVG：指可伸缩矢量图形 (Scalable Vector Graphics)，放大缩小像素没有损失。

SVG 是一种使用 XML 描述 2D 图形的语言。

Canvas 通过 JavaScript 来绘制 2D 图形。

3. web worker：

当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。

web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行。

4. web socket：

WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。

在WebSocket API中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。