HTML5(一)

140人阅读 评论(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标签都可以自学的。
查看评论

编写html5程序的小技巧

1.使用标签分行显示文本 对于上一小节的例子,我们想让那首诗显示得更美观些,如显示下面效果: 怎么可以让每一句诗词后面加入一个折行呢?那就可以用到标签了,在需要加回车换行的地方加入,标签作...
  • wo_921110
  • wo_921110
  • 2017-04-09 16:06:35
  • 953

自己的第一个HTML5网页

模仿着别人,一步步地做好了自己的第一个网页,虽说是很多事照着敲的,也算是一种锻炼把,接下来也继续加强HTML技术CSS技术和Javascrip技术,然后开始Javaweb开发,朝着全栈工程师发展,加油...
  • aa792978017
  • aa792978017
  • 2018-03-16 00:22:58
  • 16

html5做的登陆页面

本文详细介绍使用 HTML5 和 CSS3 制作一个登录页面的完整过程。 View demo login.html   01 form id="logi...
  • comeonJ
  • comeonJ
  • 2012-02-27 10:05:08
  • 2465

html5学习笔记

  • 2013年01月17日 09:25
  • 52KB
  • 下载

html5表单实现简单计算器

html5表单实现简单计算器   this is a html page       x     =       页面截图...
  • paul0507
  • paul0507
  • 2017-12-30 22:52:04
  • 117

HTML5的刮奖效果很好看的

  • 2013年12月09日 17:50
  • 98KB
  • 下载

HTML5编程(任务二 零基础HTML及CSS编码)(20160909-0040)

任务二 零基础HTML及CSS编码,示例
  • u010494204
  • u010494204
  • 2016-09-13 09:23:29
  • 353

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

前言:1.HTML5的发展非常迅速,可以说已经是前端开发人员的标配,在电商类型的APP中更是运用广泛,这个系列的文章是本人自己整理,尽量将开发中不常用到的剔除,将经常使用的拿出来,使需要的朋友能够真正...
  • yeshaojian
  • yeshaojian
  • 2016-06-08 21:50:03
  • 10618

HTML5与之前版本的不同

什么是HTML5? HTML5是HTML的新一代标准。以前版本的HTML标准4.01发布于1999。 自1999年以后,web已经有了翻天覆地的变化。 实际上HTML5仍旧是开发中的一个标准。但是...
  • u010490755
  • u010490755
  • 2015-12-15 11:50:10
  • 2776

html5标签兼容

1.HTML5兼容说明 现如今越来越多的站点开始使用HTML5标签,但是难免有一些客户的电脑系统老旧,浏览器版本比较低,仍然使用IE6-IE8版本的浏览器,HTML5标签对这些老版本的浏览器不支...
  • ITzhongzi
  • ITzhongzi
  • 2016-11-01 10:34:43
  • 462
    个人资料
    持之以恒
    等级:
    访问量: 5831
    积分: 356
    排名: 22万+