【HTML学习】教程文章相关的互联网学习教程文章

html学习之链接

1、改变文字方向<bdo dir="rtl">Here is some Hebrew text</bdo>2、块引用<blockquote> </blockquote> 插入换行和外边距<q> </q> 同样是引用,q则没任何特殊呈现3、删除及插入<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p> <del>要删除的字段落</del><ins>要插入的字段</ins>4、创建超级链接:<p><a href="/index.html">本文本</a> 是一个指向本网站中的一个页面的链接。</p>5、将图象做为链接:<a href="/example/ht...

html学习笔记

一、HTML的概述(了解)   a.html是什么 : hypertext markup language 超文本标记语言     超文本:音频,视频,图片称为超文本。.     标记 :<英文单词或者字母>称为标记. 一个HTML页面都是由各种标记组成。   b.作用:编写HTML页面。   c.HTML语言不是一个编程语言(有编译过程),而是一个标记语言(没有编译过程).     HTML页面直接由浏览器解析执行。二、HTML的网络术语(明白)   ...

HTML 5 学习之应用程序缓存【图】

什么是应用程序缓存(Application Cache)? HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。 应用程序缓存为应用带来三个优势: 离线浏览 - 用户可在应用离线时使用它们 速度 - 已缓存资源加载得更快 减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。 浏览器支持 所有主流浏览器均支持应用程序缓存,除了 Internet Explorer。 Cache Manifest 基础 如需启用应用程序缓存...

HTML学习笔记——disabled属性【代码】

1、适用范围:HTML中的input元素、option元素2、作用:禁用元素。被禁用的 input 元素既不可用,也不可点击。3、示例:①如下代码的button元素都处于禁用状态<input type="button" disabled="false" value="测试按钮"> <input type="button" disabled="123" value="测试按钮"> <input type="button" disabled=" " value="测试按钮"> <input type="button" disabled="any word" value="测试按钮"> <input type="button" disa...

html5学习笔记(4)【代码】

XHTML可扩展的超文本标记语言文档声明: DTD:html5与html4的区别html5新增的元素:结构元素:section ,article, aside, header,hgroup,footer, nav, figure其他元素: video,audio, canvas, input,元素类型:Email, 全局属性:contentEditabledisignModehiddenspellchecktabindex<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <h2>contentEditable</h2...

HTML学习

【HTML的概述】什么是HTML?  HTML:Hyper Text Markup Language ---超文本标记语言。    *超文本:比普通文本更强大。    *标记语言:指的是通过一组标签的形式描述事物的一门语言。  HTML的作用?    HTML是用来制作页面(静态页面)  HTML在那些地方使用    在设计网站的页面的时候都要使用到HTML 【HTML的使用】  HTML的文件的创建    一个HTML文件,扩展名是.html或者.htm结尾  HTML的结构标签...

HTML学习(16)颜色

HTML 颜色由红色、绿色、蓝色混合而成。颜色值HTML 颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。每种颜色的最小值是0(十六进制:#00)。最大值是255(十六进制:#FF)。黑色:#000000,rgb(0,0,0)白色:#FFFFFF,rgb(255,255,255)注:十六进制转十进制 2AF3 --- 2*16^3+10*16^2+15*16+3*16^0HTML 颜色名:https://www.runoob.com/html/html-colornames.html 原文:https://www.cnblogs.com/1016...

HTML学习笔记——列表和table【代码】

1>有序列表、无序列表和自定义列表<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>无标题文档</title></head><body><!-- 有序列表 --><ol type="a"><li>有序列表1</li><li>有序列表2</li><li>有序列表3</li><li>有序...

html学习【代码】【图】

1.我的第一个网页<!-- DOCTYPE:告诉浏览器要使用什么规范 --><!DOCTYPE html><html lang="en"><!-- head标签代表网页头部 --><head><!-- meta描述性标签它用来描述网站的一些信息 --><!-- meta一般做来SEO --><meta charset="UTF-8"><!-- keywords网站的关键性描述,对于进入搜索引擎的索引有帮助--><meta name="keywords" content="html学习"><!-- description描述网站的作用 --><meta name="description" content="来这里可以学习...

html学习

---恢复内容开始---在一段html里面<!DOCTYPE html><html><meta charset="UTF-8"><body><h1>我的第一个标题</h1><p>我的第一个段落。</p></body></html>DOCTYPE声明文档类型,和<html></html>一样,是不区分大小写的,同样html标签都是对大小写不敏感的,但是推荐使用小写<body></body>为了可视化网页的内容,只有这里才会在浏览器中显示<meta charset="utf-8">为了中文不在浏览器中乱码 标签,属性推荐用小写属性应该始终在引号内,通常是...

html学习3 首字母缩写标签【代码】

<!doctype html><html><body style="background-color:#EC2B2E"><h1>this is a head</h1><p1><abbr title="This Is A Peope">TIAP</abbr>是苹果手机的标志</p1><!--首字母缩写标签--><p2 style="background-color:#E52DCD;font-family:‘Gill Sans‘;font-size:18px">宝剑锋从磨砺出,梅花香自苦寒来。</p2></body></html> 原文:http://www.cnblogs.com/Riona-C/p/7076608.html

HTML学习(六)图像【代码】

图像标签(<img>)和源属性(Src)在 HTML 中,图像由 <img> 标签定义。<img> 是空标签,意思是说,它只包含属性,并且没有闭合标签。要在页面上显示图像,你需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。定义图像的语法是:<img src="url" />URL 指存储图像的位置。如果名为 "boat.gif" 的图像位于 www.w3school.com.cn 的 images 目录中,那么其 URL 为 http://www.w3school.com.cn/images/boat.gif。...

吴裕雄--天生自然HTML学习笔记:HTML 链接【代码】【图】

HTML 链接 HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。 HTML 超链接(链接) HTML使用标签 <a>来设置超文本链接。超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。在标签<a> 中使用了href属性来描述链接的地...

Html5学习

<video><audio>  音乐视频直接加,待尝试<canvas>  大内容,另学<svg>  同上<input type=‘*‘>  新加了好多,然后手机端还可以识别。email,url,search,date系列,number,range,color,特别是后四个,要用上原文:http://www.cnblogs.com/yedeying/p/3618745.html

html5学习(一)--canvas画时钟【代码】【图】

利用空余时间学习一下html5. 1<!doctype html> 2<html> 3<head></head> 4<body> 5<canvas id="clock" width="500" height="500"></canvas> 6<script> 7var clock=document.getElementById(‘clock‘);8var cxt = clock.getContext(‘2d‘);9function drawClock(){10//清除画布 11 cxt.clearRect(0,0,500,500);12var now =new Date();13var sec = now.getSeconds();14var min = now.getMinutes();15var hour ...