HTML5从入门到精通
文章平均质量分 90
HTML从入门到精通系列教程,从入门到实战!
我是波哩个波
千行代码,Bug何处藏。纵使上线又怎样,朝令改,夕断肠。
展开
-
【前端系列教程之HTML5】07_浏览器开发者工具
以Chrome为例讲解;其他浏览器差别不大。一、如何调出开发者工具 按F12调出 (fn+F12) 右键检查(或快捷键Ctrl+Shift+i)调出 右上角->更多工具->开发者 二、开发者工具使用详解chrome开发者工具最常用的四个功能模块:元素(ELements)、控制台(Console)、源代码(Sources),网络(Network)。元素(Elements):用于查看或修改HTML元素...原创 2021-11-19 15:36:43 · 1068 阅读 · 0 评论 -
【前端系列教程之HTML5】06_HTML5新标签
一、HTML5新布局标签许多现有网站都包含以下HTML代码: <div id="nav">, <div class="header">, 或者 <div id="footer">, 来指明导航链接, 头部, 以及尾部.首先你要搞清楚一个概念,HTML并不是用来写页面样式的,而是用来表示一个网页的基本架构的,样式用CSS来实现。HTML5除了提出很炫的新效果以外还加强了语义化结构HTML5新增的...原创 2021-11-19 15:20:20 · 1811 阅读 · 0 评论 -
【前端系列教程之HTML5】05_HTML5概述
一、什么是 HTML5HTML5是HTML最新的修订版本(超文本标记语言的第五次重大修改),2014年10月由万维网联盟(W3C)完成标准制定。HTML5的设计目的是为了在移动设备上支持多媒体。HTML5 简单易学。HTML5 是下一代 HTML 标准。HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。HTML5 仍处于完善之中。...原创 2021-11-15 13:27:36 · 400 阅读 · 0 评论 -
【前端系列教程之HTML5】04_HTML标签通用属性和字符实体
一、HTML标签通用属性属性 作用 id 规定元素的唯一 id class 规定元素的类名(classname) style 规定元素的行内样式(inline style) title 规定元素的额外信息(可在工具提示中显示) dir 设置元素中内容的文本方向。 accesskey 设置访问元素的键盘快捷键。 二、特殊字符 (字符实体)HTML 中的预留字符必须被替换为字符实体。一些在键盘上找不...原创 2021-11-15 12:39:16 · 633 阅读 · 0 评论 -
【前端系列教程之HTML5】03_HTML基础标签
一、HTML文档结构相关标签标签 描述 <html> 此元素可告知浏览器其自身是一个 HTML 文档。 <head> 定义文档的头部,它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。 <body> 定义文档的主体。body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。) <base> 定义页面中所有链接的默认地址或默认目标。原创 2021-11-15 12:33:55 · 1380 阅读 · 0 评论 -
【前端系列教程之HTML5】02_HTML文档结构
一、HTML文件(文档)定义试想:我们上网访问到底做了什么?上一节提到URL问题,组成部分由HTTP,服务器地址,端口号,资源路径;这些东西组成了我们上网访问所谓的网址,其中有服务器地址和路径,从这里来看可以明确的知道,我们要访问的文件是在某一个服务器的某个位置存储,我们所谓的请求,其实就相当于访问服务器上的某个文件,那么这个文件到底是什么?网页文件既HTML文件,任何一个类型的文件都有指定的后缀,那么html文件的后缀名就是.html或.htm;...原创 2021-11-12 17:26:58 · 1494 阅读 · 0 评论 -
【前端系列教程之HTML5】01_HTML概述
一、Web前端开发工具1.1、常用前端开发工具介绍软件开发工具是用于辅助软件生命周期过程的基于计算机的工具。通常可以设计并实现工具来支持特定的软件工程方法,减少手工方式管理的负担。作为一个前端开发工程师,使用一款自己上手且功能强大的开发工具是非常重要的,但是面对这么多开发工具,到底哪个比较好呢?下面给大家推荐几款自己感觉还不错的前端开发工具,希望作为大家的参考。1.1.1、Editplus/Nodpad++EditPlus是一款由韩国 Sangil Kim出品的小巧但...原创 2021-11-12 17:02:21 · 2351 阅读 · 0 评论