例建筑：徐磊毕业设计-说明书

学 号

03230414

毕业设计说明书

天津市塘沽区紫云中学初中部教学楼设计

学专指

生业导

姓名教

名 称 师

徐磊 建筑学 林耕 冯玉萍

规划与建筑系 2009年6月7日

天津市塘沽区紫云中学初中部教学楼设计

The Design of

Tianjin Ziyun Middle School Building

摘 要

教育建筑设计涉及到每个学生的切身利益，与社会关系密切，它影响着国家发展与人才的培养。针对天津市塘沽区紫云中学教学楼设计项目，运用“以人为核心”的设计观念和“可持续发展”方针，通过设计的创新，创造出具有地方特色，设备完善和达到21世纪标准的教学环境。根据不同性质的使用空间、尺度和位置，创造适合不同人群的建筑空间。通过合理的功能布局及高效便捷的交通流线设计与理性的外观相结合，构成了一个完整的建筑体系。

关键词：以人为核心；可持续发展；创新设计

ABSTRACT

Education building relates to the benefit of every students, and also has a close relationship with society, influences country development and social stability. In the design of Tianjin Ziyun middle school building, the idea of design----human-oriented, and sustainable development should be used. Based on the innovative design, we can create the education environment which has the local custom and improved equipments, and meets the requirment of education in the 21th century. Depending on the different nature of space, scale and location, the design creates a different space with different groups of education environment. Utilizing the rational distribution and efficient function of the traffic flow and convenient design and appearance of a rational combination of design, form a complete architecture system.

Key words:Human centered；Sustainable development；Innovative design of planning

目 录

第1章 教学建筑的国内外发展综述??????????????????????1 1.1 历史沿革 ?????????????????????????????1 1.2 发展趋势 ?????????????????????????????2 第2章 天津市塘沽区紫云中学初中部教学楼设计理念和方法???????????3 2.1 设计理念 ?????????????????????????????3 2.2 设计方法 ?????????????????????????????4 第3章 技术设计说明????????????????????????????5 3.1 工程概况 ?????????????????????????? 5 3.2 设计依据 ?????????????????????????????6 3.3 防火设计 ?????????????????????????????7 3.4 总平面设计 ????????????????????????????7 3.5 平面设计 ?????????????????????????????8 3.6 造型设计 ?????????????????????????????9 3.7 建筑结构 ?????????????????????????????10 3.8 建筑节能 ???????????????????????????11 3.9 无障碍设计 ???????????????????????????11 4.0 建筑设备 ?????????????????????????????11 4.1 技术经济指标 ??????????????????????????12 致谢 ??????????????????????????????????13 参考文献 ????????????????????????????????14 附录

外文资料原文及译文 毕业设计任务书

第1章 教学建筑的国内外发展综述

第1章 教学建筑的国内外发展综述

1.1 历史沿革

1.1.1教学建筑发展概况 1、起源与发展

学校是随着人类社会的发展和人类活动的社会分工逐渐产生，并伴随着文字的产生和发展逐渐走向成熟。

公园前387年,柏拉图在雅典创办了一个学园。他的学生亚里士多德又在吕克昂体育场另建了一个学园，他的学派叫“逍遥学派”。雅典的学园式古典教育的氛围和精神在西方一直得以延续，并影响了西方近代高等教育的整个发展过程。

随着欧洲城市的复兴，到了12世纪,大学兴起。最初出现在意大利，随后在英、法等国相继设立，最著名的有巴黎大学、牛津大学和剑桥大学等。

欧洲中世纪的大学具有浓重的宗教气氛，文学、法学、医学、神学是大学的主要学科，并建立了学位制度。19世纪中叶，欧洲国家大都建立起新的学制，大学教育成为近代国家教育体系的有机组成部分。

近代大学是在适应社会发展对高级专门人才需要的基础上发展起来的。

2、当代发展状况

随着教育地位的不断提高，国家和社会都加大了对教育的软硬件的投入。单就硬件而言，我国建筑师接手的学校建筑比以往要多出许多。要想设计学校建筑，首先必须了解现代教育建筑的发展方向及趋势。学校自产生2000 多年以来，逐渐形成了以“班级教室”为中心的传统模式，该模式的不足在于学生的立体交往太少，而现代教育注重交往，出现了以“年级”为中心的新模式，更有美国佩里社区教育村的例子（除体育馆、图书馆等公共设施共享外，高中低年级的学生还能共享教育课程）。

1.1.2学者对教学建筑的定义 1、路易斯·康 “??学校起源于一个人坐在树下与一群人讨论他的理解，他并不明白他是个教师，他们也不明白自己是学生。??很快空间形成了，这就是最初的学校??由每个人的个性，以各种各样的自然光照和朝向构定界域和园地,来设定各种各样的空间。这些空间以其自身形象给课程添补思绪，改善师生关系，活跃领悟能力??”

这是路易斯·康所理解的学校空间，它所体现的精神既是古老的、又是永恒的。现

1

第1章 教学建筑的国内外发展综述

代意义的“校园”，包含着建筑与场地的双重概念。校园环境一直具有这样的特征，许多人在这里渡过了他们生命中非常重要的一段时光，而这些时光都会成为今后岁月中的珍贵记忆。在校园中，人们接受教育，获得知识，受到训练，结交朋友。教育设施构成人们生活空间的一部分，它在某种意义上也是心智教育的重要因素。

2、查尔斯·摩尔

著名建筑师查尔斯·摩尔认为：校园建筑群应当具有城镇的特征。而19世纪的美国总统杰弗逊的校园设计理念是：“学术村”。这都反映了校园空间的社区性，即它是公共的，但又属于特定的社会群落，个体能够在这里找到认同感和归属感。

现代校园要求建筑物之间能联络方便、尽量通畅、便捷。为此，各类建筑物的设计，多采用集中式的布局，建筑群体也多以成团的方式组合，尽量减少楼间的距离及交通路线。各个相对独立的区域之间，也尽量打通分割界限，室内外都设有方便的连廊和通道，使建筑群体在整体上能联络通畅，达到提高和保证交通、交流、传递、沟通之最佳的效率。

1.2 发展趋势

现代教育建筑的设计理念强调为师生提供多样的交往空间，因此在实现必要使用功能的同时我们强调以尽可能多的开放空间和半开放空间营造多元的人文交流。教育的目的不应只是简单的传授知识，而更应该是传导一种学习与生活的方式，对非目的性空间的关注，使单一教与学的方式从此变得丰富多彩起来，为校园中自主的行为提供了多种的可能性。楼梯上，连廊中，不再只是匆匆而过的人流，而是随处可以发生故事的场所，交谈、学习、展示、偶遇甚至是等待......在这里非目的性空间成为目的性空间的传承与过渡，又是一种对话，从教育心理学的意义上讲，知识的来源不只是被动的传授而更应该是主动的感悟，非功能性空间对功能空间的补充使知识传授的方法更趋于完整。

并且随着现代教育朝着开放、互动，强调个性化的方面发展，以“电脑教室”为主的校园局域网逐渐在学校中普及起来。由此可以大胆的预测：随着网络的技术进一步发展，远程教育在学校教育中占的比重将不断加大。学校设施不仅提供在校生学习，还应承担非在校生（电大、夜大、职大生等）接受业余教育的职责。同时校区应尽可能多置绿地，并适当预留可发展的用地。校区内的公共设施（体育馆、图书馆、科学楼等）应与校区外的设施互补，保证校区的开放性及自由度。

2

第2章 天津塘沽区紫云中学初中部教学楼设计理念和方法

第2章 天津市塘沽区紫云中学初中部教学楼

设计理念和方法

2.1 设计理念

2.1.1设计原则

1、在设计学校建筑时须把握以下几个关键点：

（1）对特定地域、特定人文历史背景下的学校设计，应表现其建筑或场地所拥有的品质和特别的精神；

（2）建筑要体现设计师对建筑、社会、历史的个性化理念； （3）建筑本身应该是对民族文化、地域文化甚至异域文件的诠释。

2、具体到学校建筑的总体及单体设计，要分析五个必要条件：

（1）设置者：即投资办校的一方，是公立学校，还是私立学校；

（2）学校的类别：按照我国的教育模式，学校一般分为小学、中学、高中及大专院校等四类；对于不同年龄、不同专业的学生而言，建筑的意义都有所不同。只有优秀的设计才能营造出专心“读书”的校园环境，才能培养出德才兼备的学生。

（3）学校的规模：即总的班级数量。我国教育部于1982年4月16日颁发试行的《中等师范学校及城市一般中小学校舍规划面积定额》规定，完全中学的规模为18、24、30个班，初级中学为18、24个班，每班学生名额近期为50人，远期为45人；小学为18、23个班，每班学生名额近期为45人，远期为40人。班级规模大小将直接影响到课堂教学的管理和教学效果；大专院校则应根据学校的规模及专业来确定班级数量；

（4）教育的目标：即学校培养的是什么类型的学生？我国目前常设的为普通小学或中学、技工学校、职业中专、专科学校及综合性大学等。

（5）总体的布局：首先，建筑用地大小及所处的周边环境；适宜的人文环境或良好自然景观的生态环境是建校园的最佳选择；若处于闹市之中，则应采用特殊的设计手法来阻隔噪音的影响，创造一个闹中取静的教学环境；总之一个好的学校设计必须成功地解决与周边环境的各种矛盾。其次，建筑的形状：设计师应根据校方的要求、地块大小、朝向等因素来决定建筑的形状，主要有一字形布局、王字或田字形布局及综合式布局等三大类。

（6）建筑的性质：主要有新建、扩建及大规模旧楼改造。此点将影响建筑的造型，新楼与旧楼在文脉及地域文化上是统一还是对比，将是设计师要取舍的决定因素。

3

第2章 天津塘沽区紫云中学初中部教学楼设计理念和方法

2.2 设计方法

2.2.1设计开放型学习空间

任何一个建筑设计，都需要在感知整体和拆分整体之间寻求一个平衡，并且各拆分出来的区域是很容易被理解和商讨的。设计师必须从里到外、从外到里反复地考虑其设计，以适应用于不同的使用者。作为设计师，应该把建筑与学习相互联系将当今的学校设计映射出教育改革的巨大潜力，这种改革应该考虑学生和教师之间以及个人与社会之间的密切联系。我们必须提供一些适当的设施，而这些设施能将课程发展与社会需求紧密地联系起来，并且能够保证广泛的知识和个人成绩之间的平衡。

专门的学习场所能够为每个人提供适合自己的学习空间与学习机制。来学校接受教育的每个学生的起点可能不尽相同，而不是处于同一起跑线上。这些地方是孩子们寻找平衡的地方，每个学生在此都能找到他们感兴趣的特殊的领域。这里是发明创造的地方，是冥思苦想的地方，也是发泄情绪的地方。这些地方应该作为过渡地带的半公共场所，而不是将它们定位在一个中心区域。这些过渡地带贯穿整个学校，并且对所有的人都是开放的。

2.2.2学校建筑以适用性为前提

空间在不同时段容纳不同的功能，即空间的适应性。也可以以空间自身的包容性来适应对空间要求相近或相关的一系列功能。学校建筑空间适应性是指功能的变化潜力。中小学校建筑空间的适应和实际使用功能的适应性相互关联，但又相互区别。空间的适应性是功能适应性的条件之一，但并不保证功能适应性的实现。功能的适应性还取决于使用者对中小学校建筑功能和空间变化的理解能力和操作能力。

中小学校作为一种独立的建筑类型，有其自身的使用特点。首先要满足教学模式变化的需要。 中小学校中学生日常的教学活动有一定的规律性，但由于活动方式的增多，使得原有的长走廊连接。多个普通教室的教学空间布局已不能满足新教学模式的变化。为了满足学生多变的活动对空间的要求，教学空间的适应性设计势在必行；另外学生规模的变化导致了学校空间使用率的变化。

4

第3章 技术设计说明

第3章 技术设计说明

3.1 工程概况

3.1.1建设地点 本工程为天津市塘沽区紫云中学初中部教学楼工程。建设地点位于天津市塘沽区开发区以南。 3.1.2用地范围 学校地处新港三号路西端，东临新港，北临开发区，南接二号路，西接紫云公园。校区用地平坦。

3.1.3市政管网条件 本工程在新港三号路、二号路有市政供水管，新港三号路有d300m市政污水管，二号路有d 800 mm市政雨水管。电力管网由原位置引入两路；电讯管网由新港三号路。 3.1.4建设规模和设计范围 1、建设规模 （1）根据工程设计任务书要求：本工程规划总用地20289.8平方米，规划可用地

13081平方米，用地面积17737平方米

（2）工程由以下子项组成：

a.教学及辅助用房 建筑面积：6766m2

地上4层 建筑高度19.55m

b.办公用房 建筑面积1196m2

地上5层 建筑高度23.3m

c.生活服务用房 建筑面积1920m2

地上3层 建筑高度14.25m

2、设计范围

本次设计范围是天津市塘沽区紫云中学初中部教学楼方案设计。

5

第3章 技术设计说明

3.2 设计依据

3.2.1现行国家规范及其它相关的国家、行业、地方法规、标准： 1、《建筑设计防火规范》 GB50016-2006 2、《民用建筑设计通则》 GB50352-2005 3、《公共建筑节能设计规范》 GB50189-2005 4、《天津市公共建筑节能设计标准》 DB29-153-2005 5、《城市道路和建筑物无障碍设计规范》 JGJ50—2001 6、《汽车库、修车库、停车场设计防火规范》 GB50067-97 7、《中小学校建筑设计规范》 GBJ 99—86 8、《建筑内部装修设计防火规范》 GB50222-95 9、《饮食建筑设计规范》 JGJ64-89 10、《天津市建筑项目配建停车场（库）标准》 DB29-6-2004 11、《总图制图标准》 GB/T 50103—2001 12、《建筑工程设计文件编制深度规定》 2003版 3.2.2工程设计有关文件

1、天津市塘沽区规划局规划设计方案审定通知书（2008塘沽规案31号） 2、天津市塘沽区规划局选址意见通知书 （2008塘沽送证040号） 3、建设方提供的设计任务书 （2008年4月编制）

4、岩土工程勘察报告 （天津市地质工程勘察院2008年7月） 5、地形图 （天津市测绘院）

6

第3章 技术设计说明

3.3 防火设计

3.3.1总平面设计

消防车道

该场址内建筑周围均设有宽度大于4米的环行消防车道。

3.3.2建筑设计 1、防火分区设置

初中部教学楼设有火灾自动报警和自动灭火系统。

（1）A区包括体育馆和食堂，建筑面积为4699m2，独自分为一个防火分区。将餐厅与教学楼用防火墙及甲级防火门分隔。

（2）B区普通教室和C区专用教室，建筑面积共为7335 m2，分为两个防火分区：普通教室区和专用教室区。将普通教室区与餐厅、专用教室区与图书馆，分别用防火墙及甲级防火门分隔。

（3）D区图书馆，建筑面积为4439m2，独自分为一个防火分区。将图书馆与专用教室用防火墙及甲级防火门分隔。

2、安全疏散

（1）安全出口

初中部教学楼每个防火分区均设有两个安全出口。 （2）疏散楼梯

该建筑楼梯间全部为封闭楼梯间，且都有直接采光通风。 （3）疏散距离

该建筑采用自动喷水灭火系统。教室房间门至最近的外部出口或楼梯间的距离，满足位于两个安全出口之间的房间疏散距离小于30米。

3.4 总平面设计

3.4.1道路交通布局 本规划用地主入口设在二号路上，在校区西侧的快速路一侧设有汽车出入口，方便教师及后勤车辆出入，不与自行车、行人流线交叉；并且设置与高中部相连接的入口；主入口至初中部教学楼入口为步行广场，地上自行车停车场结合建筑分散布置。 7

第3章 技术设计说明

3.4.2建筑布局

教学楼在用地中央；食堂、体育馆在用地西侧；图书馆在用地东侧。

其中教学楼4层，其中办公部分局部5层。教学楼主要功能为普通教室、专用教室及办公区域，南侧两个入口，东、西两侧与食堂、体育馆和图书馆处设置次入口。

西侧食堂3层，其中1、2层为学生餐厅，3层为教职工餐厅，南侧一个主入口，2、3层为连廊，通至教学楼；体育馆为2层挑空，南侧设2个主入口和车库入口。

东侧图书馆4层，其中1-3层为图书阅览室，4层为多功能教室，南侧一个主入口，北侧设置室外单跑楼梯间以满足防火疏散要求。

3.4.3绿化环境布局 该规划力求营造优美、宜人的教学环境，在教学楼南侧入口前方设置了一片活动场地与绿化结合，并且作为升旗、集会广场。

3.4.4消防设计 本规划建筑均为一、二级耐火等级，建筑间防火间距均符合防火规范，建筑有消防车道环通或到达。 3.5 平面设计

3.5.1初中部教学楼 1、食堂与体育馆部分

（1）首层

食堂部分包括：学生餐厅大厅、操作间、仓库、货梯、卫生间、楼梯间。体育馆部分包括：风雨操场、办公室、男、女更衣间、库房、车库。

（2）二层

食堂部分包括：学生餐厅大厅、操作间、仓库、货梯、卫生间、楼梯间。体育馆部分包括：风雨操场上空。

（3）三层

食堂部分包括：教工餐厅大厅、操作间、仓库、货梯、卫生间、楼梯间。

2、教学楼部分

（1）首层

办公部分包括：值班室、卫生室、心理室、接待会议室、维修室、卫生间、楼梯间。教室部分包括：六间普通教室、实验室和计算机教室，卫生间、楼梯间、电梯间。

（2）二层

8

第3章 技术设计说明

办公部分包括：演播室、校史室、科技室、储藏室、教师休息室、卫生间、楼梯间。教室部分包括：六间普通教室、音乐教室、音乐欣赏教室、美术教室、写生教室、书法教室、卫生间、楼梯间、电梯间。

（3）三层

办公部分包括：教师办公室、电子备课室、教师休息室、卫生间、楼梯间。教室部分包括：六间普通教室、地理教室、劳动教室、木工教室、创新科技教室、电教器材室、卫生间、楼梯间、电梯间。

（4）四层

办公部分包括：教师办公室、电子备课室、教师休息室、卫生间、楼梯间。教室部分包括：六间普通教室、卫生间、楼梯间、电梯间，东侧作为行政办公室。

（5）五层

办公部分包括：教师办公室、电子备课室、教师休息室、卫生间、楼梯间、电梯间。

2、图书馆部分

（1）首层

图书阅览室、储藏室、书库、卫生间、楼梯间。 （2）二层

图书阅览室、储藏室、卫生间、楼梯间。 （3）三层

图书阅览室、储藏室、卫生间、楼梯间。 （4）四层

多功能教室、储藏室、卫生间、楼梯间。

3.6 造型设计

3.6.1剖面设计 层高布置

教学楼为4层，局部5层，体育馆2层，食堂3层。图书馆4层。各层层高：首层5.4m，二、三层为4.2m，顶层为4.2m，建筑总高度为23.3m。 3.6.2竖向交通设计 1、楼梯、电梯设置

本工程初中部教学楼竖向交通以楼梯、电梯为主，设楼梯8部，教学楼4部，食堂、图书馆各2部。其中封闭楼梯8部，保证使用和疏散要求。

设电梯8部，其中包括：消防电梯2部，2部为无障碍电梯，1部为货梯。

9

第3章 技术设计说明

3.6.3造型设计

建筑采用现代建筑风格，简洁大方。主体建筑以铝板为主，营造现代、轻盈的体量感。两层教学楼大厅和图书馆大厅用通透玻璃幕墙，晶莹剔透，充分体现现代化教育建筑的亲切形象。

3.7 建筑结构

3.7.1工程概况 天津市塘沽区紫云中学初中部教学楼工程位于天津市塘沽区新港三号路西端，东临新港，北临开发区，南接二号路，西接紫云公园。总建筑面积为16473m2。结构形式为钢筋混凝土框架结构，教学及辅助用房区高度19.55m；办公用房区高度23.3m；生活服务用房区高度14.25m，其中体育馆部分为钢网架结构

该建筑造型美观，功能复杂，对结构设计提出了较高要求。结构设计中认真贯彻技术先进、经济合理、安全适用、确保质量的原则，满足建筑要求及使用功能。

3.7.2建筑结构安全等级和设计使用年限 初中部教学楼结构安全等级和使用年限

结构的安全等级 设计使用年限 抗震设防类别 地基基础设计等级 二级 50年 丙类 乙级

3.7.3结构选型及分析 1、主体结构

（1）教学楼：地上4层，局部5层，采用现浇钢筋混凝土框架结构。抗震等级三级。 （2）体育馆：地上2层，采用钢网架结构。

建筑主体结构体系列表 项目名称 地上层数 突出屋面层数 地上建筑高度（m） 结构体系 抗震等级 教学楼 体育馆 4 2 1层 23.75 9.4 框架 钢网架 三级 三级

10

第3章 技术设计说明

2、楼盖或楼板体系

本工程采用主框架梁、次梁、现浇板体系。

3、抗震缝、沉降缝、伸缩缝

教学楼与食堂、图书馆之间设缝分开，起到抗震缝、伸缩缝二缝合一的作用。教学楼平面布局狭长，对抗震不利，所以在普通教室区和专用教室区之间设一道抗震缝，使教学楼形成两个平面较为规则的单元。在教学楼、食堂和图书馆的适当部位设置后浇带，以解决超长建筑大体积钢筋混凝土的收缩问题，及高低层建筑的沉降差异问题。

3.8 建筑设备

3.8.1给排水设计 包括给水系统、中水系统、热水系统、排水系统、雨水系统和空调冷却循环水系统。室内、外消防系统和设施的设计，包括室外消火栓系统、室内消火栓系统、自动喷水灭火系统、网络机房气体灭火系统和建筑灭火器配置的设计。

3.8.2暖通设计 包括制冷和制热机房设计；舒适性集中空调设计；教学楼防烟排烟系统设计；

3.8.3电气设计 包括楼内变配电设计、电力设计、照明设计、建筑物防雷及接地设计、火灾自动报警及联动控制系统、公共广播(应急消防广播及背景音乐)、电话通讯系统、计算机综合布线系统、有线电视系统、安全防范系统、闭路电视教学系统。

3.9 建筑技术设计

3.9.1节能设计 根据《民用建筑热工设计规范》本工程处于寒冷地区,应满足冬季保温要求。本工程体形系数0.18，窗墙比南0.5,东0.196，西0.183，北0.27，采取外保温隔热措施，外墙采用250厚混凝土空心砌块墙，50厚挤塑聚苯板保温材料；铝板幕墙，导热系数应满足外墙保温要求；屋面采用60厚挤塑聚苯板保温层，外门窗选用PA断桥型铝合金窗,12厚中空玻璃，柱梁部位采用防热桥构造措施。

3.9.2无障碍设计 根据《城市道路和建筑物无障碍设计规范》,入口处地面坡度为1：12的无障碍入口。在一至四层教学楼处设无障碍专用蹲位。在教学楼大厅、图书馆大厅各设一部无障碍电

11

第3章 技术设计说明

梯。在主入口设无障碍停车位2个。

3.10 技术经济指标

3.10.1技术经济指标表 表3—1 建筑技术经济指标

规划总用地面积 可用地面积 总建筑面积 其中 教学区域面积 办公区域面积 生活服务区域面积 容积率 建筑密度 绿地率 停车数 非机动车1000 辆

20289.8m2 17737m2 16473m2 6766m2 1196m2 1920m2 0.83 17.5% 38.7% 机动车20辆 12

致 谢

致 谢

感谢在母校天津城市建设学院中所经历的一切，是她让我懂得了生命的意义。建筑系轻松的学习环境给予了我学习成长的土壤，使我不但能潜心进行建筑学专业的学习，而且让我对学习有了进一步的认识。感谢所有教授过我课程的城建学院的老师们，是他们的诲人不倦才有了我现在的成绩。感谢所有伴随我成长的同学，一直以来对我的鼓励和在生活上无微不至的关心。感谢我的妈妈对我的宽容和理解。

特别感谢我毕业设计的指导老师——林耕老师，半年来对设计提出的中肯评议和热心的帮助，对我不厌其烦的悉心指导，毕业设计最终才能完成。在这里我再次表示诚挚的感谢！

13

附 录

参考文献

[1] 叶晓健．建筑创作原点与过程-伊东丰雄，高松伸，山本理显 [C] ．北京：中国建筑工业出版社，2004， 206—207

[2] 张建．苏州国际教育园总体规划与建筑设计[C] ．北京：中国建筑工业出版社，2005：45—51

[3] 张宝基．韩国现代建筑-教育设施建筑[C] ．吉林：吉林科学技术出版社，2003：56—63

[3] Mark Dudek．A Design Manual Schools and Kindergartens[M] ．Urheberrechtlich geschutztes Material，2006：42—45

[4] 学校建筑设计漫谈. [EB/OL]. [2009-05-11]. http://www.china-b.com/

14

本文来源：https://www.bwwdw.com/article/3uag.html