一个网页的架构：声明，头部，主体，结束
复制代码代码如下:
<!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" />
/**
*http-equiv="Content-Type" 表示描述文档类型
*content="text/HTML; 文档类型mime类型，这里为html,如果JS就是*text/javascript，
*charset=utf-8 页面字符集，编码，eg:gb2312,iso-8859-1,utf-8
*建议统一采用utf-8
*/
<title>无标题文档</title>
//一个网页的标题
</head>
<body>
</body>
</html>
举个例子，大家就懂啦（这里我只写了body中的内容，其他的内容大家自己补充）：
复制代码代码如下:
<body>
<div>我是块级元素，我独占一块空间</div>
<div>我是块级元素，我独占一块空间</div>
<span>我是内联元素元素，我不独占一块空间</span>*****
<span>我是内联元素元素，我不独占一块空间</span>
</body>
运行结果： 
<body>
2 <div id="page">
3 //我是最外层！包裹这整个网页的皮，也有人给我起名字为wrapper
4
5 <div id="header">
6 //我是头部！
7
8 </div>
9
10 <div id="content">
11 //我是内容！
12
13 </div>
14
15 <div id="footer">
16 //我是尾部！
17
18 </div>
19
20 </div>
21 </body>
详解：
1 <body>
2 <div id="page">
3 //我是最外层！包裹这整个网页的皮，也有人给我起名字为wrapper
2 //我是头部！
2
3 <div id="content">
4 //我是内容！
2
3 <div id="footer">
4 //我是尾部！
3 </div>
万事没有绝对，我说的是个主流
事儿二：
下面针对每一块我将细细为大家讲解，通过这种方式来讲解html主流标签的应用。Ok，begin！Right now！
首先：header部分
我们可以把他分为3个部分：
banner：
logo：
（logo就是一个网站或公司的标识）
nav（导航条）：
声明：这里我首先只讲html，至于样式（css）我将会在以后的教程中详细讲解；好吧，html开始写了，还等什么？
1 <div id="banner">2 <span>你还没有登录，请登录</span><a target="_blank" href="#" title=”注册只需要5分钟！”>登陆</a><a href="#">注册</a>
3 </div>
So easy !
讲解标签之前，我先讲一下他们的几个常用的共有属性：
1. id：就是一个标签的名字，在一张页面中id不允许重复，体现了唯一性，特有性，如果一张页面就是一个家族，当然我指的是传统的中国家族，不要较真哦，那么每一个标签就是一个家庭成员，id就是该成员的名字，当然一个家族的成员名字还是不要重复的好，是吧？
2. class：当然一个大家族有若干个家庭组成，如果只用id区分那么时就有些繁琐了，比如说某某家的人应该怎么样时，那么这一类人我们怎么来划分呢？class就是为这个而生的，哈哈。class指一个标签所属的类别，就像是说这个人是哪家的一样，当然一张页面我们可以无限的重复使用了（这里就不考虑计划生育啦）。
3. title：这个含义很简单，就是当鼠标放在该标签身上的时候所给的提示。不信你把鼠标放在注册两个子上面试试。。。
标签1：div
使用指数：*****
功能：主要用来布局，估计通过事一大家应该有所了解了
类型：块级元素
常用属性：id，class ，title
标签2：span
使用指数：***
功能：主要用来提取一小段文本来设置特别的样式
类型：内联元素
常用属性：id，class，title
标签3：a
使用指数：****
功能：主要用来表示一个链接
类型：内联元素
常用属性：id，class，title
特别属性：1.href:指的是该链接指向的url（链接地址）
例如下面的代码，点击学生在线四个字就会链接到学生在线首页了，试试看哦！
1 <a href=" http://online.cumt.edu.cn/">学生在线</a>2.target: 常用值：_blank,_self(默认值)
注意：书写html标签的时候一定要有规范：
1. 有开始就有结束:<div>XXX</div>,除了个别没有结束标志的:<img />…
2. 块级元素不能被内联元素包裹：<span><div>这是可笑的写法！</div></span>
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。
更新日志
- 第五街的士高《印度激情版》3CD [WAV+CUE][2.4G]
- 三国志8重制版哪个武将智力高 三国志8重制版智力武将排行一览
- 三国志8重制版哪个武将好 三国志8重制版武将排行一览
- 三国志8重制版武将图像怎么保存 三国志8重制版武将图像设置方法
- 何方.1990-我不是那种人【林杰唱片】【WAV+CUE】
- 张惠妹.1999-妹力新世纪2CD【丰华】【WAV+CUE】
- 邓丽欣.2006-FANTASY【金牌大风】【WAV+CUE】
- 饭制《黑神话》蜘蛛四妹手办
- 《燕云十六声》回应跑路：年内公测版本完成95%
- 网友发现国内版《双城之战》第二季有删减：亲亲环节没了！
- 邓丽君2024-《漫步人生路》头版限量编号MQA-UHQCD[WAV+CUE]
- SergeProkofievplaysProkofiev[Dutton][FLAC+CUE]
- 永恒英文金曲精选4《TheBestOfEverlastingFavouritesVol.4》[WAV+CUE]
- 群星《国风超有戏 第9期》[320K/MP3][13.63MB]
- 群星《国风超有戏 第9期》[FLAC/分轨][72.56MB]