HTML5学习笔记

HTML5学习笔记 —— JavaScript基础知识

HTML5学习笔记——JavaScript基础知识标签：html5javascriptweb前端2017-05-1121:51883人阅读评论(0)收藏举报分类：JavaScript（2）作者同类文章X
qq_39967882·2023-11-16 06:50

HTML5学习笔记——音频标签与视频标签的使用

Document对不起，您的浏览器不支持播放音频！请升级浏览器！
Etui۹(･༥･´)و ̑̑·2023-09-24 00:03

HTML5学习笔记

给定学习目标:了解常用浏览器掌握WEB标准理解标签语义化掌握常用的排版标签掌握常用的文本格式化图像链接等标签掌握三种列表标签掌握表格标签掌握表格标签掌握表单标签掌握H5新增表单和表单属性typora-copy-images-to:media认识网页网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。思考：网页是如何形成的呢?常见浏览器浏览器是网页
热爱技术的CC·2023-09-20 07:45

html5学习笔记22-JavaScript 简略学习

https://www.runoob.com/js/js-tutorial.htmlJavaScript是Web的编程语言。与java无关。案例：https://c.runoob.com/examples/JavaScript是一种轻量级的编程语言、可插入HTML页面的编程代码、脚本语言。ECMA-262是JavaScript标准的官方名称。HTML中的Javascript脚本代码必须位于与标签之
御风@户外·2023-09-13 07:57

html5学习笔记21-css简略学习

CSShttps://www.runoob.com/css/css-tutorial.htmlCSS(CascadingStyleSheets，层叠样式表），是一种用来为结构化文档（如HTML文档或XML应用）添加样式（字体、间距和颜色等）的计算机语言，CSS文件扩展名为.css。CSS3现在已被大部分现代浏览器支持，而下一版的CSS4仍在开发中。css解决内容与表现分离的问题。CSS规则由两个主
御风@户外·2023-09-13 07:27

html5学习笔记23-vue 简略学习，未完

https://www.runoob.com/vue3/vue3-tutorial.htmlVue.js是一套构建用户界面的渐进式框架。Vue只关注视图层，采用自底向上增量开发的设计。https://unpkg.com/vue@nexthttps://unpkg.com/[email protected]/dist/vue.global.js打包Vue项目cnpmrunbuild。执行完成后，会在Vue项目下会
御风@户外·2023-09-13 07:48

html5学习笔记20-WebSocket基于TCP的协议

https://www.runoob.com/html/html5-websocket.html客户端示例菜鸟教程(runoob.com)functionWebSocketTest(){if("WebSocket"inwindow){alert("您的浏览器支持WebSocket!");//打开一个websocketvarws=newWebSocket("ws://localhost:9998/e
御风@户外·2023-09-10 19:55

html5学习笔记19-SSE服务器发送事件(Server-Sent Events)

https://www.runoob.com/html/html5-serversentevents.html允许网页获得来自服务器的更新。类似设置回调函数。if(typeof(EventSource)!=="undefined"){varsource=newEventSource("demo_sse.php");source.onmessage=function(event){document.
御风@户外·2023-09-06 22:56

html5学习笔记15-内联SVG 可缩放矢量图形

https://www.runoob.com/html/html5-svg.htmlSVG图形的容器。SVG有多种绘制路径、框、圆、文本和图形图像的方法。可伸缩矢量图形(ScalableVectorGraphics)SVG用于定义用于网络的基于矢量的图形SVG使用XML格式定义图形SVG图像在放大或改变尺寸的情况下其图形质量不会有损失SVG是万维网联盟的标准与其他图像格式相比（比如JPEG和GIF
御风@户外·2023-09-03 08:11

html5学习笔记16-MathML 数学标记语言，书写数学符号和公式的置标语言

https://www.runoob.com/html/html5-mathml.html菜鸟教程(runoob.com)a2+b2=c2以下为矩阵A=xyzw
御风@户外·2023-09-03 08:11

html5学习笔记17-拖放、地理定位、视频、音频......

拖放https://www.runoob.com/html/html5-draganddrop.html地理定位https://www.runoob.com/html/html5-geolocation.html视频https://www.runoob.com/html/html5-video.html音频https://www.runoob.com/html/html5-audio.htmlIn
御风@户外·2023-09-03 08:11

html5学习笔记18-web存储、web sql、web worker

https://www.runoob.com/html/html5-webstorage.htmlHTML5web存储，可替代cookie的本地存储方式。客户端存储数据的两个对象：localStorage网站的sessionStorage窗口的localStorage.setItem("sitename","菜鸟教程");//存储document.getElementById("result").
御风@户外·2023-09-03 08:06

html5学习笔记()

HTML标签浏览器支持IE9+、Firefox、Opera、Chrome和Safari支持标签。注释：IE8或更早版本的IE浏览器不支持标签。标签定义及使用说明标签定义ruby注释（中文注音或字符）。在东亚使用，显示的是东亚字符的发音。将标签与和标签一起使用：元素由一个或多个需要解释/发音的字符和一个提供该信息的元素组成，还包括可选的元素，定义当浏览器不支持"ruby"元素时显示的内容。HTML标
weixin_30641465·2023-08-04 21:18

【遇见狂神说--HTML5学习笔记】

1.我的第一个网页我的第一个网页Hello,World!2.基本标签基本标签一级标签二级标签三级标签四级标签五级标签六级标签跑得快跑得快一只没有耳朵一只没有尾巴真奇怪真奇怪跑的快跑得快一只没有耳朵一只没有尾巴真奇怪真奇怪字体样式标签粗体:Iloveyou!斜体:Iloveyou!空格空         &nb
蛋蛋叫我来巡山·2023-08-04 08:03

html5学习笔记()

HTML标签浏览器支持Firefox、Opera、Chrome和Safari6支持标签。哈哈，IE不支持哦！标签定义及使用说明标签定义度量衡。仅用于已知最大和最小值的度量。比如：磁盘使用情况，查询结果的相关性等。注意：不能作为一个进度条来使用，进度条标签。菜鸟上是这么解释的：让我们来看看google翻译吧如图：按照语义的理解只能作为定义度量衡之类的专用标签了，比如仪表盘。这也许就是和进度条标签的区
weixin_30693183·2023-07-20 04:08

HTML5学习笔记（四）

1、前端攻城狮的自我修养：1.1注释：如无必要，勿增实体的原则通常写注释是为了告诉以后的自己或者和你共同开发的小伙伴：你的代码是做什么的，以及你修改了哪些内容，在复杂的逻辑结构前稍微做一下解释，看代码的人才不会像丈二摸不着头脑。HTML的注释：CSS的注释：/*在此写注释*/JavaScript的注释：//单行的注释/*多行的注释*/2、相拥和独行：（有些元素总喜欢报团取暖，而有些则踽踽独行）块级
理以周·2023-06-18 19:03

HTML5学习笔记（五）

1、引用大作战：1.1实现简短行内引用：q元素，浏览器显示为双引号image.png1.2实现一大段引用：blockquote元素，用cite表示引用的来源，采用缩进的方式进行区分image.pngHTML主要管理结果语义，样式主要css管，实现语义与呈现分离。1.3cite元素：定义作品的标题,变成斜体王小波先生语录image.png1.4abbr元素：用于定义简称、缩写，配合全局属性，可以指定
理以周·2023-04-18 05:15

html5学习笔记

一、html5页面结构改为改为类似,主要用于把文档分成不同的逻辑区域。更适合格式化文档。，如果希望内容相对独立于其他内容，并可以对外部分发，可用此标签。，旁注。一般用于文档内。，文头。不可以在元素内使用元素，否则会无法正确显示文档。,组合到元素。,文脚。该元素不能放在和元素内,否则无法正确显示文档。,导航。插入图表。如果在图片上面，内容就显示在图片上面。二、html5标记1.,可用于分隔区域中的不
小小哭包·2023-04-11 12:05

HTML5学习笔记（三）

1、链接外部样式表：1.1相濡以沫不如相“见”于江湖：除了可以在style元素中添加，我们还可以将css样式表保存为外部文件，然后使用link元素将其链接进来；标签用于指定外部资源。link元素最常见的用途是链接样式表。注意：link元素定义了6个属性，其中rel属性是必选的，它说明了当前文档与被链接资源之间的关系。属性：属性值描述hrefURL指定被链接资源的URLhreflanglanguag
理以周·2023-04-07 01:00

HTML5学习笔记(HTML5新标签)

菜鸟教程上的定义：bdi指的是bidi隔离（Bi-directionalIsolation）。标签允许您设置一段文本，使其脱离其父元素的文本方向设置。在发布用户评论或其他您无法完全控制的内容时，该标签很有用。上面这段定义基本是看不懂这个标签做什么用的。要理解必须先了解下Unicode双向算法Unicode双向算法，做什么用的呢？用来处理双向文字的算法，那么双向文字又是啥呢？双向文字就是文字的阅读顺
badiu_30394251·2023-04-06 08:05

HTML5学习笔记（二）

1、打开网页发现乱码鬼畜的现象：image.png1.1这是编码的问题:将源文件保存为UTF-8的编码格式（head部分）；在HTML文档中指定相应的编码；1.2meta元素的各种用法：实现网页尺寸的“自适应”；（pc端、手机、平板打开的页面都是赏心悦目的）搜索引擎优化（SEO）：image.png懒得写（反正你们也看不到）“自适应”演示请分别在PC和手机上打开该页面！Loremipsumdolo
理以周·2023-03-19 04:36

HTML5学习笔记

今天全面的重温一下html5网页设计看了视频感觉是自己的思路上面有太大的问题以至于自己的网页设计总是不能达到预期的效果而且很是杂乱无章，这是让我很心烦的，在极客上看了一些关于HTML5开发的视频感觉豁然开朗，把自己的问题和解决的问题都记录下来。自己最开始做网页设计的时候没有一个非常完整的规划，都是想到哪里做到哪里的，做着做着就不知到自己写到哪里去了，虽然前端网页对自己来说不是那么的熟练，但是思路上
换言之·2023-03-17 17:25

HTML5学习笔记

HTML5骨架DTD：DTD写法中html不要加5，表示网页对于不支持html5新特性的浏览器采用标准模式解析。标准模式解析即对于不认识的标签或属性，采用静默处理不报错，对于支持的直接显示。网页标题网页主体新的语言特性标签允许使用大写字母（不推荐使用）内容内容内容标签的属性值可以不用双引号包裹（不推荐使用）单标签可以省略关闭符号部分标签可以省略类型type属性新的语义化标签h5之前的语义标签：ul
执刀书浩然·2023-02-02 09:57

HTML5学习笔记

HTML5学习记录本文将详细学习HTML相关知识：掌握URL、HTTP、HTML概念掌握网页基本结构目标：能制作一些简单的页面。一、HTML概述信息时代的诞生，网页已经成为信息传输的一种重要方式，各销售平台都可以通过网页来宣传自己的产品以获利，本文将巩固自己学识的同时，也能够给零基础自学的同志一点点帮助。1.1相关概念注：这部分暂时了解就行。URL（UniformResoureLocator)：统
computerismylife·2022-12-27 22:38

HTML5学习笔记

该文章为菜鸟教程(runoob.com)中关于HTML5部分的学习笔记。HTML5简介HTML5是下一代HTML标准，HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。HTML5的设计目的是为了在移动设备上支持多媒体。HTML5总览介绍、HTML5新元素HTML5标签列表(功能排序)HTML5绘制图形HTML5CanvasHTML5元素用于图形的绘制，通过脚本(通常是Ja
Crystal-G·2022-07-29 16:17

HTML5学习笔记(四)

一.CSS代码缩写,占用更少的带宽盒模型代码简写:再说盒模型时外边框(margin),内边框(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左.具体应用在margin和padding的例子如下:margin:10px15px12px14px;/*上设置为10px,又设置为15px,下设置为12px,做设置为14px*/通常有下面三种缩写方法:1.如果
A_sura·2021-06-07 13:38

HTML5学习笔记

HTML是一种描述网页的超文本标记（不是编程）语言。学习流程建议：HTMLXHTMLCssCss3JavaScriptJQueryHTML5HTML5新特性用于绘画的canvas标签；用于媒介回放的video和audio元素；对本地离线存储的更好支持；新的特殊内容元素：article、footer、header、nav、section等；新的表单控件：calendar、date、time、emai
ClementCJ·2021-06-06 07:04

HTML5学习笔记

http://jingyan.baidu.com/article/8275fc866f3b1c46a03cf6f1.html//webstrom汉化工具用.jx后缀的那个开始导入框架bootstrap点击一个输入框（data-toggle="modal"data-target=''id'）
0诛仙0·2021-05-14 11:53

[持续更新]HTML5学习笔记（二）

1.元素分类元数据元素（metadataelement）：由此可见主要是元素中的事情了，向浏览器提供信息和指示；流元素（flowelement）：听名字怪异，但是其实是规定这些元素可以成为父元素；短语元素（phrasingelement）：和流元素呼应，规定这些元素可以成为子元素。元数据还好理解，就是流元素和短语元素好奇怪，举个例子，div既可以是流元素也可以是短语元素，因为它能包含其他的元素也能
Aus0049·2020-09-17 05:23

HTML5学习笔记（7）—CSS3动画入门

CSS3动画效果有变形（transform）、过渡变换（transition）和动画（animation）一、变形transform：rotate（旋转）、scale（缩放）、skew（倾斜）、translate（移动）、matrix（矩阵变形）//旋转，顺时针旋转30度div{width:200px;height:100px;background-color:green;/*旋转div*/tra
Amigo瓜波·2020-09-10 11:47

HTML5学习笔记（6）CSS3-基础入门

CSS（CascadingStyleSheet）是层叠样式表，在网页制作时候采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景等效果实现更加精确地控制。CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发作的。CSS的好处在于用户只需要一次性定义文字的显示样式，就可以在各个网页中统一使用了。（百度的页面就是用CSS做的）1.CSS基本语句选择器{属性名：值；属性名：值；}div
Amigo瓜波·2020-09-10 11:47

html5学习笔记--leon

html5学习笔记–leon####什么是html51.H5并不是新的语言，而是html语言的第五次重大修改–版本2.支持：所有的主流浏览器都支持h5.
斯昂·2020-08-26 16:03

HTML5学习笔记-第三章 高级应用

十四、表单类型扩展1、placeholder属性可以在输入型控件中，在还没有输入之前显示提示性语句。2、在做安全性比较高的网页的时候，可以选择autocomplete属性，选择是否允许保存数据，自动填写。在安全性比较高的场景，应该禁止使用自动填写3、autofocus空间自动获得光标焦点。一般不怎么用，搜索页面可以用4、list+dataList可以在用户点击输入框时，提供选择输入5、min和ma
Snail_JR·2020-08-26 12:10

HTML5学习笔记

文章目录1.HTML基本框架1.文本格式化标签1.1加粗1.2倾斜1.3删除线1.4下划线2.div和span标签3.图像标签4.链接标签5.特殊符号6.表格标签6.1表格结构标签6.2合并单元格7.列表标签7.1无序列表（重点）7.2有序列表7.3自定义列表（重点）8.表单8.1表单的组成1.HTML基本框架Title1.文本格式化标签1.1加粗1.2倾斜1.3删除线1.4下划线更推荐使用str
犇犇~·2020-08-25 03:15

HTML5学习笔记-第一章基础知识

一、HTML5开发前奏1、在HMTL开发中，不区分大小写2、任何回车和空格在源代码中不起作用，因此可以自己任意缩进3、注释
Snail_JR·2020-08-24 13:57

HTML5学习笔记（零）

在当下产品美工项目，三方互撕，为了更好的保护自己，也为了让自己在以后的行业竞争中多get一个技能，我决定在有空的时间内向web前端发起攻击，这场战役在我心中终究还是打响了，现在开始，自己就是一匹孤狼，要在代码的草原上，奋力的追逐撕咬着猎物，我基础差，底层了解不多，我会把这些补上，希望看到我博客的大牛们给我一点点建议，让我自己更加完善，在代码道路上走的更远！---------------------
羊驼先生丶年·2020-08-21 20:56

html5学习笔记

datalist:IE9以下，Safari等不支持canvas:IE8或更早版本的IE浏览器不支持标签IE8或更早版本的IE浏览器不支持标签。用法及浏览器支持和vidio一致。所有浏览器都支持，定义在页面中嵌入的内容为诸如和元素之类的媒介规定外部文本轨道。IE10、Opera和Chrome浏览器支持标签。规定用于表单密钥对生成器字段定义不同类型的输出。已移除的元素以下的HTML4.01元素在HTM
iceggy·2020-08-21 19:16

HTML5学习笔记

先来看几个概念：HTML：超文本标记语言超文本：比普通文本功能更加强大，可以添加多种样式HTML的主要作用：设计网页的基础下面是一些html的标签的简单应用袁震标题标题标题标题标题标题内容段落大撒大撒大苏打实打实大苏打实打实大撒大撒大苏打实打实大苏打实打实大撒大撒加粗斜体的撒大的撒大的撒大的撒大的撒大的撒大的撒大的撒大1用户名：密码：照片性别男女多选11223344下拉框1234
袁震·2020-08-20 13:32

HTML5学习笔记(一)

HTML5发展历程2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，HTML5标准规范终于制定完成。而上一个版本的标准是1999年制定的HTML4.01、XHTML1.0标准,距HTML5发布有十几年,虽然标准发布的晚,但各大浏览器都在标准制定时对该标准进行了不同程度的支持,包括Firefox、GoogleChrome、Opera、Safari4+、InternetExplorer9
SigerSun·2020-08-19 10:57

HTML5学习笔记 —— 表格、表单入门

一、表格1.表格内容概要a.表格的基本元素、基本属性以及嵌套规则b.表单常用元素c.表格实现布局的基本方法2.表格的基本元素a.caption：元素定义表格标题b.thead：标签定义表格的表头c.tbody：标签表格主题（正文）d.tfoot：标签定义表格的页脚（脚注或表注）e.tr：表格的行f.th：表头单元格g.td：单元格3.table的基本属性a.cellpadding：设置单元格边框与
Lee_Chen86·2020-08-17 05:32

html5学习笔记（一）

问：html5的优点有哪些？答：易用性，语义化；视频与音频的支持；灵活的本地存储；更好的互动；游戏开发；遗留及跨浏览器的支持；问：html5新增的主体结构元素？答：article---文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。例如：博客、文章、论坛帖子、用户评论、插件等独立内容标题可以放在header里section---对网站或者应用程序中页面内容进行分块。一个sectio
奔跑的小猪·2020-08-14 11:51

HTML5学习笔记（一）

一、meta标记、body标记属性应用代码如下：textonebody属性应用    MozillaFirfox是由Mozilla基金会与开源团体共同开发的网页浏览器。Firefox28全新发布，从火狐官方中文网站上下载最新版Firefox火狐浏览器，拥有最快、最安全的上网体验。效果图如下：二、文本标记与应用代码如下：格式化文本信息.text3{text-a
jason-zl·2020-08-14 11:37

HTML5学习笔记(一）

一HTML1.1含义1.2基本骨架网页要显示的内容html5基本骨架DocumentDTD文档类型说明字符集设置UTF-8是支持绝大数语言假如大家用sublime,快捷方式html:5按住tab或ctrl+E1.3编辑器记事本sublimevscode(IDE)Hbuilderwebstorm…1.4常用标签标题标签h1~h6双标签开始标签和结束标签Q：请谈谈你对标题标签的理解？从语义的角度回答标
STK0210·2020-08-14 11:45

html5学习笔记（一）（摘抄讲义加部分理解）

视频地址：http://study.163.com/course/courseMain.htm?courseId=1003005讲义地址：https://wizardforcel.gitbooks.io/liyanhui-tutorials/content/2.html第一章、概述及开发环境现在HTML5可以理解为HTML+CSS+JavaScript的总称浏览器选择：IE9+Firefox3.5
danchejikafo·2020-08-14 10:51

cocos2d-html5学习笔记（七）--Action 讲了action判断是否结束，然后调用回调函数

cocos2d-html5学习笔记（七）--Actionhttp://blog.csdn.net/allenice1/article/details/7747461分类：javascriptcocos2d-html52012
mingz2013·2020-08-10 18:29

html5学习笔记(5)

html5表单的新增元素和属性formaction:                                提交到xx.jsp        提交到xx.jsp        提交到xx.jsp    formmethod:    提交到xx.jsp    提交到xx.jsp    提交到xx.jspformenctype            formtarget    提交到xx.js
weixin_34370347·2020-08-10 03:18

HTML5学习笔记之音视频标签

HTML5学习笔记之音视频标签其他HTML5相关文章HTML5学习笔记之HTML5基本介绍HTML5学习笔记之基础标签HTML5学习笔记之表格标签HTML5学习笔记之表单标签HTML5学习笔记之音视频标签一
CodeTitan·2020-08-09 19:26

HTML5学习笔记（十九）：Lambda和Promise

Lambda在ES6的标准中称为ArrowFunction（箭头函数）。下面是一个简单的箭头函数：x=>x*x上面的定义和下面的代码定义效果一样：1function(x){2returnx*x;3}箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面的，只包含一个表达式，连{...}和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{...}和return：
weixin_34198583·2020-08-09 14:04

HTML5学习笔记（三）canvas画布基础

一、基本内容Canvas在HTML页面提供画布的功能，在画布中绘制各种图形Canvas绘制的图形与HTML页面无关，无法通过DOM获取绘制的图形，也无法为绘制的图形绑定DOM事件，只能使用Canvas提供的API二、Canvas用途①在HTML页面中绘制图表(例如柱状图、饼状图等)②网页游戏-Flash技术使用HTML5中的Canvas三、如何使用Canvas①在HTML页面中定义元素②在java
kun鲲·2020-08-05 11:34

Web前端基础HTML5学习笔记(5)（简单实例，表格）

阿树有点儿话HI~你好呀今早起的晚了，起来收拾收拾，做了一个早餐吃完就坐在了电脑前。当习惯了一个节奏，突然改变这个节奏竟然会变得很不习惯，有愧疚感。我一直以来羡慕的品格便是特立独行，然而真正做到这一点，我知道，并没有什么人。心里明白自己要做到也很难。于是，羡慕便只是羡慕。在我身边出现过形形色色的人，感觉每一个人都会为了所谓的人际关系去做一些自己并不想做的事情，有些时候我竟然会觉得他们很悲哀。然而我
站起一棵树·2020-08-05 10:50
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他