关闭

HTML5(一)

119人阅读 评论(0) 收藏 举报
分类:

1. html的基本结构:

  <!DOCTYPE html>   //html5的标识(如果是HTML4,<!DOCTYPE html后面还有好多其他东西就是指版本什么的>)

<html>//这是HTML的开始部分
<head>//头部

<meta charset="utf-8" />//这里的utf-8指的是编码方式(meta还有其他属性例如:

//content="HTML,ASP,PHP,SQL"可以让爬虫更好的搜到你)

<title></title>//这是文档标题标签, 就像这个图片一样“我的csdn”就是标题title
</head>//这是<head>的结束标志>

<body>//这是body标签里面写的东西就是在浏览器里显示的东西

</body>  //这是<body>的结束标志>,标签分为但标签和双标签接下来会详细讲

</html>


2.HTML的常用标签

1.<a>标签,这个标签在前段很常用,常用的有:跳转目标,生成锚点,提供下载

(1)跳转目标

就只简单的超链接,例如:<a href="http://www.baidu.com/">百度</a>
这里有个问题,要会使用不通文件夹里的网页路径使用的问题,
一:如果在同意文件夹下网页之间的链接可以直接使用
二:如果访问下一层文件夹里的网页就要写好访问路径(路径有绝对路径和相对路径这个自己查很简单)
三:如果要访问上一层的网页就要使用../这表示上一层,如果是../../就表示上两层依次类推,一般两三层就够了

(2)生成锚点

这个一般使用在一个页面很长要从底层到开始,或是开始到底层,这个在电脑版淘宝看东西的时候常见,百度百科也有。
下面举一个简单的例子:<a href="#db">点一下到底部</>
好多内容
好多内容
<a name="db">底部</a>

(3)提供下载

<a>标签也能提供下载
例如: <a href="a.zip">下载</a>
当你点击下载的时候浏览器就会下载a.zip文件。(如果下载的是.txt文件浏览器可能直接打开,不过我们能用代码加以控制)

2.在<head></head>标签里有一个属性是base标签这个标签是链接的起始路径的。例如我们让<base href="http://127.0.0.1:8020/demo1/" />那下面的链接
      <a hrerf="base href="http://127.0.0.1:8020/demo1/db.html" /">,我们就可以写成<a href="db.html">,这样写同样能访问到db.html页面.

3.今天先写这些明天继续,好多的HTML标签都可以自学的。
0
0
查看评论

swift - 后台播放html5音频

1. 更改.plist file 2. 添加如下代码: import AVFoundation func application(_ application: UIApplication, didFinishLaunchingWithOptions...
  • qq_24833677
  • qq_24833677
  • 2017-11-20 22:50
  • 22

Html5第一篇&一些注释和总结

DTD、API、总结
  • xiaofuzi_outlook
  • xiaofuzi_outlook
  • 2018-01-05 20:29
  • 22

HTML5基础小结(一)——标签变化

随着Android,IOS手机,平板等各种App的不断扩增,加上对过去传统HTML的的各种不完善,例如视频依靠Flash,对手机和桌面的不兼容等等。HTML5来了,来解决这些问题了。         Html5是W3C(World Wide Web&...
  • liujiahan629629
  • liujiahan629629
  • 2014-10-27 19:06
  • 3610

HTML5-表单新功能 1.新增控件类型

email输入类型   此类型要求输入格式正确的Email地址,否则浏览器是不允许提交的,并会有一个错误信息提示,此类型在opea中必须指定name值,否则无效。 URL输入类型   上面代码展示的文本域要求输入格式正确的URL地址,开始处添...
  • qq_32609883
  • qq_32609883
  • 2015-11-10 09:53
  • 329

html5刮刮卡在部分手机上无效

今天在给                  ca.style.display = ‘none’;   ...
  • u014062332
  • u014062332
  • 2014-11-19 13:08
  • 318

html5学习开发指南

本文发表于CSDN《程序员》杂志2016年8月期,未经允许不得转载!概述:随着移动互联网的兴起,前端开发工程师的岗位也随着兴起。前端工程师不仅在用户和产品之间扮演着越来越重要的角色,而且前端的职能也能够(开始)朝着服务端延伸。所以不仅小公司缺人在招前端,大公司同样面临着缺少优秀前端工程师的尴尬处境。...
  • yisuowushinian
  • yisuowushinian
  • 2016-08-05 15:12
  • 3071

HTML5快速入门(一)—— HTML简介

前言:1.HTML5的发展非常迅速,可以说已经是前端开发人员的标配,在电商类型的APP中更是运用广泛,这个系列的文章是本人自己整理,尽量将开发中不常用到的剔除,将经常使用的拿出来,使需要的朋友能够真正快速入门,如果有哪些不清楚的地方或者错误,欢迎联系我 2.更新时间没有规律,一般会在3天左右更新一...
  • yeshaojian
  • yeshaojian
  • 2016-06-08 21:50
  • 10106

【html5】HTML5学习(一)

HTML5学习(一) hao-li (Intel) 星期二, 21/08/2012 - 14:35 发布 在Tizen包含的各类新技术中,有一项是HTML5,那在哪里可以获得并且学习Tizen以及相关HTML5技术呢? 在ht...
  • zhaoyazhi2129
  • zhaoyazhi2129
  • 2012-11-13 20:58
  • 661

HTML5开发移动web应用——Sencha Touch篇(5)

这次主要介绍Sencha Touch中的XTemplate组件
  • fareise
  • fareise
  • 2016-01-24 10:54
  • 1301

实践原生的html5 websoket

实例代码: // 创建一个Socket实例 var wsUri ="ws://192.168.1.107/webSocket/9999"; var websocket; var interval;//心跳是给后台判断是否还要前端发送数据 function initWeb...
  • tangcc110
  • tangcc110
  • 2018-01-13 11:33
  • 22
    个人资料
    • 访问:4692次
    • 积分:344
    • 等级:
    • 排名:千里之外
    • 原创:28篇
    • 转载:6篇
    • 译文:2篇
    • 评论:0条
    文章分类