七年級(jí)道德與法治上冊(cè) 第一單元 相逢是首歌 第1課 我與同伴共成長(zhǎng) 第2-3框 建立真摯友誼 男同學(xué)女同學(xué)教案 魯人版五四制.doc
《七年級(jí)道德與法治上冊(cè) 第一單元 相逢是首歌 第1課 我與同伴共成長(zhǎng) 第2-3框 建立真摯友誼 男同學(xué)女同學(xué)教案 魯人版五四制.doc》由會(huì)員分享,可在線(xiàn)閱讀,更多相關(guān)《七年級(jí)道德與法治上冊(cè) 第一單元 相逢是首歌 第1課 我與同伴共成長(zhǎng) 第2-3框 建立真摯友誼 男同學(xué)女同學(xué)教案 魯人版五四制.doc(5頁(yè)珍藏版)》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
第三框男同學(xué)女同學(xué) 備課類(lèi)型__新授___ 備 課 人 課題 建立真摯友誼 男同學(xué)女同學(xué) 課前檢查 1、為什么生活需要友誼?1.2.3.4. 2、為什么?如何打開(kāi)心靈之窗?1.2.3. 教學(xué)目標(biāo) 知識(shí):1、掌握建立真摯友誼的方法 2、了解男女同學(xué)之間交往的必要性和重要性 能力:通過(guò)學(xué)習(xí)掌握建立真摯友誼的方法,學(xué)會(huì)男女同學(xué)交往的原則和注意問(wèn)題,提高與同學(xué)交往的能力, 情感態(tài)度價(jià)值觀:樹(shù)立正確的擇友、交友的方法,建立良好的人際關(guān)系,讓友誼之樹(shù)常青。 重點(diǎn)、難點(diǎn) 1.建立真摯友誼是本課的教學(xué)重點(diǎn)。 2.男女同學(xué)之間怎樣正常交往是本課的教學(xué)難點(diǎn)。 教學(xué)過(guò)程 (一)情景預(yù)設(shè) 1、導(dǎo)入新課 復(fù)習(xí)回顧: 1、友誼對(duì)青少年健康成長(zhǎng)的重要作用? 2、如何正確認(rèn)識(shí)青少年健康成長(zhǎng)的閉鎖心理?如果產(chǎn)出了閉鎖心理,怎樣調(diào)適? 學(xué)生回答 2、板書(shū)課題:第二框題 友誼伴我同行 教師講述: 真摯的同學(xué)友誼,是人一生的寶貴財(cái)富。我們?cè)鯓优c同學(xué)交往,建立起同學(xué)間的友誼,讓友誼之樹(shù)常青? (二)講授新課 一、建立真摯友誼(重點(diǎn))怎樣建立真摯的友誼? 探究分享(p7-8頁(yè)):讀一讀,找一找,說(shuō)一說(shuō):(材料略) ●在建立同學(xué)友誼的過(guò)程中,小敏的哪些做法值得我們學(xué)習(xí)和借鑒? 體驗(yàn)踐行:下列情境中,自己會(huì)怎么做? 1.同桌學(xué)習(xí)成績(jī)比較落后,經(jīng)常完不成作業(yè)。 2.班里有位同學(xué)家庭條件比較困難,遭到了某些同學(xué)的嘲笑。 3.已經(jīng)答應(yīng)同學(xué)周末一起復(fù)習(xí)功課,但忽然臨時(shí)有事不能赴約。 解答參考:(1)小敏平等不歧視同學(xué),樂(lè)于助人,工作認(rèn)真負(fù)責(zé) (2)設(shè)置活動(dòng),讓同學(xué)廣泛參與,并引導(dǎo)評(píng)價(jià)。(1.輔導(dǎo)幫助。2.禁止嘲笑,熱情相助。3.如實(shí)告知,表示抱歉) 教材內(nèi)容:朋友相交,貴在真誠(chéng)。真誠(chéng)像一把開(kāi)啟友誼之門(mén)的金鑰匙。真誠(chéng)要求我們彼此尊重,真心交流,言而有信,以誠(chéng)相待,以心相交。只有這樣,才會(huì)贏得他人的信賴(lài),建立真摯持久的友誼。 (1)用真誠(chéng)去播種。真誠(chéng)要求我們彼此尊重,真心交流,言而有信,以誠(chéng)相待,以心相交。 情境活動(dòng)(p8-9頁(yè)):做一做,說(shuō)一說(shuō),議一議 主動(dòng)與一名和自己個(gè)性截然不同的同學(xué)交流交往,然后寫(xiě)出你的感受: 討論:與性格不同的同學(xué)交往時(shí),應(yīng)注意什么? 解答參考:(l)(示例)我們要學(xué)會(huì)求大同,存小異。性格不同的人,處理問(wèn)題的方式方法往往也不同。我們要學(xué)會(huì)在不同之中發(fā)現(xiàn)共同之處,比如,你若是一個(gè)性格平和的人,你給別人提意見(jiàn),可能言辭不那么激烈,語(yǔ)言也比較委婉。如果你身邊有一個(gè)剛直倔強(qiáng)的人,他給別人提意見(jiàn),可能單刀直入,語(yǔ)言尖銳,甚至可能轉(zhuǎn)而批評(píng)你,說(shuō)你給別人提意見(jiàn)轉(zhuǎn)彎抹角,是一種老好人的作風(fēng)。(2)要學(xué)會(huì)接納他們,多看別人和自己之間的共同點(diǎn);對(duì)他們不能求全責(zé)備;要具有一種寬容、平和的心態(tài),用一種客觀、公正的眼光看待,多看看對(duì)方的長(zhǎng)處,對(duì)于對(duì)方的短處要能容忍,并極力幫助對(duì)方去改正。 教材內(nèi)容:用接納去維護(hù)。班級(jí)生活中,我們要學(xué)會(huì)接納和欣賞不同個(gè)性的同學(xué),有利于取長(zhǎng)補(bǔ)短。我們學(xué)會(huì)接納與自己不一樣的生活習(xí)慣、性格特點(diǎn)、做事方式等,學(xué)會(huì)欣賞他人的優(yōu)點(diǎn)和長(zhǎng)處。欣賞他人才能贏得他人對(duì)自己的欣賞,彼此欣賞是維系友誼的重要力量。 (2)用接納去維護(hù)。學(xué)會(huì)接納與自己不一樣的生活習(xí)慣、性格特點(diǎn)、做事方式等,學(xué)會(huì)欣賞他人的優(yōu)點(diǎn)和長(zhǎng)處。 教材內(nèi)容:用熱情去灌溉。在共同的學(xué)習(xí)生活中,我們應(yīng)關(guān)心自己的同學(xué),體察同學(xué)的需要,維護(hù)同學(xué)的利益,理解同學(xué)的感受。當(dāng)同學(xué)遇到了困難,應(yīng)伸出援助之手;當(dāng)同學(xué)為自己提供了幫助,要常懷感激之情……在相互幫助中增進(jìn)友誼,在付出中升華情感。 (3)用熱情去灌溉。關(guān)心自己的同學(xué),體察同學(xué)的需要,維護(hù)同學(xué)的利益,理解同學(xué)的感受。當(dāng)同學(xué)遇到了困難,應(yīng)伸出援助之手;當(dāng)同學(xué)為自己提供了幫助,要常懷感激之情。 探究分享(p11頁(yè)):說(shuō)一說(shuō),議一議 面對(duì)朋友的要求, “我”該怎么做? 圍繞交友應(yīng)注意的問(wèn)題,設(shè)計(jì)一句“友情提示” 解答參考: (l)①委婉地勸說(shuō)朋友,告訴他“沉迷網(wǎng)絡(luò)是不良行為,我們還是早點(diǎn)回家吧,以免父母擔(dān)心”。②拒絕朋友的請(qǐng)求,“哥們義氣”絕非真正的友誼,可以把情況告訴老師,讓老師出面調(diào)解。(2)(示例)生活中并不是所有的人都能成為朋友;友誼也要講原則。 (4)用原則去培養(yǎng)。建立真摯的友誼必須以分清正確與錯(cuò)誤、正義與邪惡為前提,我們應(yīng)把握原則,謹(jǐn)慎交友。 “哥們義氣”絕非真正的友誼。“近朱者赤,近墨者黑?!币粋€(gè)人交什么樣的朋友,對(duì)其成長(zhǎng)、發(fā)展有很大的影響。努力做到善交益友,樂(lè)交諍友,不交損友。 問(wèn)題小結(jié):建立和發(fā)展真摯的友誼的方法 (l)朋友相交,貴在真誠(chéng)。 (2)接納差異,欣賞他人。 (3)互相幫助,樂(lè)于付出。 (4)把握原則,善交益友。 二、男同學(xué) 女同學(xué)(難點(diǎn))男女同學(xué)之間怎樣正常交往 (1)不可缺少的交往(必要性) ①男女同學(xué)各展優(yōu)勢(shì),各盡所能,我們的學(xué)習(xí)生活才會(huì)生動(dòng)有趣,多姿多彩。 ②男女同學(xué)構(gòu)成學(xué)習(xí)生活圈。擴(kuò)大交往范圍,學(xué)習(xí)異性性格優(yōu)勢(shì),學(xué)業(yè)上取長(zhǎng)補(bǔ)短。 ③異性同學(xué)之間的交往與同性同學(xué)之間的交往又有所不同,我們要學(xué)會(huì)以恰當(dāng)?shù)姆绞脚c異性同學(xué)交往。 探究分享(p14頁(yè)):寫(xiě)一寫(xiě),說(shuō)一說(shuō) (l)寫(xiě)一寫(xiě):①女同學(xué):男同學(xué)的 勇敢、寬厚、堅(jiān)強(qiáng)、富有責(zé)任心、富有創(chuàng)新精神等 很值得我學(xué)習(xí)! ②男同學(xué):女同學(xué)的_熱情、溫柔、細(xì)膩、善于關(guān)心他人等___很值得我學(xué)習(xí)! 我這人平時(shí)很邋遢,可是在異性同學(xué)面前我收抬得整整齊齊,否則多不好意思??! 我很欣賞男孩的瀟灑和大度,跟他們交往我覺(jué)得很開(kāi)心! (2)結(jié)合自己的生活體驗(yàn),說(shuō)說(shuō)男女同學(xué)交往的積極作用。 解答參考:(示例)在手工課上,男同學(xué)比較有創(chuàng)意,但是沒(méi)有耐心做手工,如果與有耐心的女同學(xué)合作,就會(huì)創(chuàng)造出一件優(yōu)秀的藝術(shù)品??傊?,異性同學(xué)之間正常交往,有利于取長(zhǎng)補(bǔ)短,有利于提高自身的學(xué)習(xí)能力和學(xué)習(xí)水平,有利于提高學(xué)習(xí)效率。 (2)男女同學(xué)之間需要交往的積極作用 教材內(nèi)容:男女同學(xué)之間的正常交往,可以擴(kuò)大我們的交往范圍,擁有更多朋友;可以促進(jìn)個(gè)性全面、健康地發(fā)展;可以在學(xué)業(yè)上取長(zhǎng)補(bǔ)短,有利于學(xué)習(xí)進(jìn)步。 (3)男女同學(xué)之間不正當(dāng)交往的危害 教材內(nèi)容:但如果我們不能以正確的態(tài)度、恰當(dāng)?shù)姆绞脚c異性同學(xué)交往,就會(huì)使自己產(chǎn)生一些不良情緒和不當(dāng)行為,影響學(xué)業(yè)進(jìn)步,妨礙身心健康。 觀察思考(p15頁(yè)):看圖,說(shuō)一說(shuō) 你贊成哪一種交往方式?說(shuō)說(shuō)你的理由。 自己在與異性同學(xué)交往過(guò)程中,有什么困惑? 觀察班級(jí)中男女同學(xué)的交往現(xiàn)象,看看還存在哪些值得關(guān)注的問(wèn)題? 解答參考:(1)贊成左圖中“放學(xué)路上,結(jié)伴同行”這種交往方式。這種交往方式有利于男女同學(xué)之間相互了解、相互幫助,有利于自身的成長(zhǎng)和發(fā)展。(2)(示例)困惑:在異性同學(xué)面前拘束、不自在,過(guò)于拘謹(jǐn)。(3)有些男女同學(xué)之間交往過(guò)密;有些男同學(xué)說(shuō)話(huà)不文明;有些女同學(xué)舉止不端正;等等 (4)男女同學(xué)之間怎樣正常交往(原則) 教材內(nèi)容:男女同學(xué)之間的交往提倡自然、適度。男女同學(xué)之間存在著生理、心理方面的差異。在交往過(guò)程中,我們要尊重這種性別差異,真誠(chéng)自然,落落大方,既不過(guò)分拘謹(jǐn),也不過(guò)分親密。男同學(xué)說(shuō)話(huà)要文明,動(dòng)作不要過(guò)于隨便;女同學(xué)要舉止端莊,不輕浮做作,讓自愛(ài)自重成為保護(hù)自己的一道屏障。我們還要注意交往的場(chǎng)合、時(shí)間、頻率,過(guò)多的單獨(dú)相處或者過(guò)分的熱情親近,都會(huì)引起誤解,給自己和他人帶來(lái)困擾。只要我們真誠(chéng)、坦然、大方地與異性同學(xué)交往,就一定能收獲異性同學(xué)的尊重和友情。 情境活動(dòng)(p16頁(yè)):說(shuō)一說(shuō) 異性同學(xué)之間的交往應(yīng)注意的問(wèn)題: (l)交流交往的時(shí)間、場(chǎng)合應(yīng)注意一 (2)談?wù)摰脑?huà)題應(yīng)注意____ (3)舉止動(dòng)作應(yīng)避免____ (4)可能引入誤解的行為有____ (5)對(duì)不尊重自己的行為要____ 解答參考: (1)避免一對(duì)一地頻繁地單獨(dú)交往,要盡量在集體和公開(kāi)場(chǎng)合交往。(2)語(yǔ)言文明,不涉及隱私或敏感話(huà)題。(3)過(guò)于隨便。(4)過(guò)多地單獨(dú)相處或者過(guò)分地?zé)崆橛H近。(5)勇敢地說(shuō)“不”。 (5)正確對(duì)待青春期男女同學(xué)出現(xiàn)的情感問(wèn)題(早戀) (l)男女同學(xué)之間的友誼是珍貴的,萌發(fā)對(duì)異性同學(xué)的好感也是正常的,但這份純潔美好的情感需要我們慎重對(duì)待、理智處理。 (2)在我們的身心還未成熟的時(shí)候,要學(xué)會(huì)把握自我,不要讓純潔的友情過(guò)早地發(fā)展成戀情。 心靈對(duì)話(huà)(p17頁(yè)):心靈對(duì)話(huà) (l)你對(duì)這位男同學(xué)的做法是怎么看的? 我:一 (2)面對(duì)青春萌動(dòng)的情愫,不同的處理方式會(huì)產(chǎn)生不同的結(jié)果。請(qǐng)你設(shè)想幾種可能的處理方式。 ①如果這樣做:____ 可能會(huì)____ ②如果這樣做:____ 可能會(huì)____ (3)你認(rèn)為第____種處理方式是妥當(dāng)?shù)模驗(yàn)? 我:一 (4)有一天你也許會(huì)對(duì)某位異性同學(xué)產(chǎn)生朦朧的好感,這時(shí)你會(huì)作出怎樣的選擇? 我:一 解答參考:(l)這位男同學(xué)萌發(fā)對(duì)異性同學(xué)的好感是正常的,但該男同學(xué)的處理方式是不妥當(dāng)?shù)摹?2)①去街心花園與男同學(xué)約會(huì)??赡軙?huì)沉迷于早戀中,迷失自我,影響自己的學(xué)習(xí)和身心發(fā)展。②委婉地拒絕男同學(xué)的邀請(qǐng),并巧妙地通過(guò)書(shū)信的方式告訴男同學(xué)“我們的任務(wù)是學(xué)習(xí),應(yīng)該珍視男女同學(xué)純真的友情,要學(xué)會(huì)把握自我,不要讓純潔的友情過(guò)早地發(fā)展成戀情”。得到理解,可能會(huì)互幫互助,成為好朋友。③公開(kāi)這個(gè)小秘密??赡軙?huì)引起誤解,給自己和他人帶來(lái)困擾。(3)②萌發(fā)對(duì)異性同學(xué)的好感是正常的,我們應(yīng)該慎重對(duì)待、理智處理。②中的處理方式,既能巧妙地拒絕男同學(xué)的“好意”,又能把握青春期產(chǎn)生的情感,避免陷入“早戀”的陷阱。(4)把握好這種純潔的友情,自然適度地與異性同學(xué)交往;把主要精力集中在學(xué)習(xí)上,發(fā)展和深化自己的興趣、愛(ài)好,多參加有益的課外活動(dòng)。 本課知識(shí)要點(diǎn)小結(jié) 1、怎樣 建立和發(fā)展真摯的友誼? (l)朋友相交,貴在真誠(chéng)。 (2)接納差異,欣賞他人。 (3)互相幫助,樂(lè)于付出。 (4)把握原則,善交益友。 2、男女同學(xué)之間需要交往的原因(必要性) ①男女同學(xué)各展優(yōu)勢(shì),各盡所能,我們的學(xué)習(xí)生活才會(huì)生動(dòng)有趣,多姿多彩。 ②男女同學(xué)正常交往,建立純潔的友誼,是學(xué)習(xí)生活的重要組成部分。 ③異性同學(xué)之間的交往與同性同學(xué)之間的交往又有所不同,我們要學(xué)會(huì)以恰當(dāng)?shù)姆绞脚c異性同學(xué)交往。 3男女同學(xué)之間正當(dāng)交往的意義 (1)男女同學(xué)之間的正常交往,可以擴(kuò)大我們的交往范圍,擁有更多朋友;可以促進(jìn)個(gè)性全面、健康地發(fā)展;可以在學(xué)業(yè)上取長(zhǎng)補(bǔ)短,有利于學(xué)習(xí)進(jìn)步。 (2)但如果我們不能以正確的態(tài)度、恰當(dāng)?shù)姆绞脚c異性同學(xué)交往,就會(huì)使自己產(chǎn)生一些不良情緒和不當(dāng)行為,影響學(xué)業(yè)進(jìn)步,妨礙身心健康。 4男女同學(xué)之間怎樣正常交往(原則) (1)男女同學(xué)之間的交往提倡自然、適度。 (2)尊重這種性別差異,真誠(chéng)自然,落落大方,既不過(guò)分拘謹(jǐn),也不過(guò)分親密。 (3)注意交往的場(chǎng)合、時(shí)間、頻率,過(guò)多的單獨(dú)相處或者過(guò)分的熱情親近,都會(huì)引起誤解,給自己和他人帶來(lái)困擾。五、作業(yè)布置 5正確對(duì)待青春期男女同學(xué)出現(xiàn)的情感問(wèn)題? (l)男女同學(xué)之間的友誼是珍貴的,萌發(fā)對(duì)異性同學(xué)的好感也是正常的,但這份純潔美好的情感需要我們慎重對(duì)待、理智處理。 (2)在我們的身心還未成熟的時(shí)候,要學(xué)會(huì)把握自我,不要讓純潔的友情過(guò)早地發(fā)展成戀情。 二次備課 當(dāng)堂達(dá)標(biāo)測(cè)試題 一、單項(xiàng)選擇題 1.古人云:君子和而不同,小人同而不和。這啟示我們?cè)谔幚砼笥验g的關(guān)系時(shí)應(yīng)該( ) ①互相尊重 ②相互寬容 ③不對(duì)朋友提批評(píng)意見(jiàn) ④尋求無(wú)缺點(diǎn)的朋友 A.①③ B.②④ C.①② D.③④ 2.七年級(jí)學(xué)生小李經(jīng)常進(jìn)入網(wǎng)吧玩游戲,他的好朋友小王知道后,不但沒(méi)有和他一起去網(wǎng)吧玩游戲,反而嚴(yán)厲地批評(píng)了他。下列認(rèn)識(shí)錯(cuò)誤的是( ) A.小王能夠與小李坦誠(chéng)相見(jiàn),這是真正的朋友 B.小王這樣做是堅(jiān)持原則的表現(xiàn),有利于小李改正錯(cuò)誤 C.小王這樣做不顧小李的情面,不講“哥們義氣”,不能算是好朋友 D.小王勇于提出批評(píng),是值得交往的朋友 3.小盧的朋友小強(qiáng)放學(xué)后要去網(wǎng)吧玩游戲,小強(qiáng)叮囑小盧不要告訴老師和家長(zhǎng)。小盧再三考慮,還是向老師說(shuō)了此事。因?yàn)樾”R懂得友情是( ) A.坦誠(chéng)的,不能以犧牲原則為代價(jià)來(lái)維持友誼 B.真誠(chéng)的,不能欺騙朋友 C.寬容的,要諒解朋友的過(guò)錯(cuò) D.珍貴的,要樂(lè)交諍友,不交損友 4.小紅是某校七年級(jí)的一名女生,性格活潑大方,跟班里男女同學(xué)打成一片,與男同學(xué)小剛更是形影不離。不久,同學(xué)們開(kāi)始拿他倆開(kāi)玩笑,小剛也開(kāi)始疏遠(yuǎn)小紅。為此,小紅感到非常困惑。你給她的建議是( ) ①走自己的路,讓別人說(shuō)去吧②男女同學(xué)交往要講究分寸③與同學(xué)交往真誠(chéng)自然,落落大方④男女同學(xué)交往要注意交往的場(chǎng)合、時(shí)間和頻率 A.①③ B.②③④ C.①②③④ D.②④ 5.“記得當(dāng)時(shí)年紀(jì)小,你愛(ài)談天我愛(ài)笑,有一回并肩坐在桃樹(shù)下,風(fēng)在林梢鳥(niǎo)兒叫?!鼻啻旱男@總是洋溢著濃濃的同學(xué)情誼,這充滿(mǎn)詩(shī)情畫(huà)意的句子告訴我們( ) A.異性同學(xué)之間不會(huì)有真正的友誼 B.異性同學(xué)之間不可能有正常交往 C.要珍惜青春年華和純真美好情感 D.男女同學(xué)交往要把握原則與尺度 解答參考:CCABC 二、材料分析題 6.情景一 某校一名七年級(jí)女生因與同班一名男同學(xué)走得比較近,被人傳言他們?cè)鐟佟? 情境二 你的好朋友曉紅最近上課精力很不集中,恍恍惚惚的,追問(wèn)之下,原來(lái)她暗戀班級(jí)當(dāng)中一位男生,沒(méi)有心思聽(tīng)講,眼看著她的成績(jī)直線(xiàn)下降,你很著急,決定找曉紅認(rèn)真談?wù)?,幫助她走出誤區(qū)。 綜合上述材料,運(yùn)用所學(xué)知識(shí),思考下列問(wèn)題。 (1)你怎樣看待情景一中男女同學(xué)走得比較近這種現(xiàn)象? (2)男女同學(xué)應(yīng)該怎樣交往才不會(huì)被懷疑是早戀? (3)作為曉紅的好朋友,你會(huì)怎樣勸說(shuō)她? 作業(yè)布置: 1、怎樣 建立和發(fā)展真摯的友誼? 2、男女同學(xué)之間正當(dāng)交往的意義 3、男女同學(xué)之間怎樣正常交往(原則) 教學(xué)反思- 1.請(qǐng)仔細(xì)閱讀文檔,確保文檔完整性,對(duì)于不預(yù)覽、不比對(duì)內(nèi)容而直接下載帶來(lái)的問(wèn)題本站不予受理。
- 2.下載的文檔,不會(huì)出現(xiàn)我們的網(wǎng)址水印。
- 3、該文檔所得收入(下載+內(nèi)容+預(yù)覽)歸上傳者、原創(chuàng)作者;如果您是本文檔原作者,請(qǐng)點(diǎn)此認(rèn)領(lǐng)!既往收益都?xì)w您。
下載文檔到電腦,查找使用更方便
9.9 積分
下載 |
- 配套講稿:
如PPT文件的首頁(yè)顯示word圖標(biāo),表示該P(yáng)PT已包含配套word講稿。雙擊word圖標(biāo)可打開(kāi)word文檔。
- 特殊限制:
部分文檔作品中含有的國(guó)旗、國(guó)徽等圖片,僅作為作品整體效果示例展示,禁止商用。設(shè)計(jì)者僅對(duì)作品中獨(dú)創(chuàng)性部分享有著作權(quán)。
- 關(guān) 鍵 詞:
- 七年級(jí)道德與法治上冊(cè) 第一單元 相逢是首歌 第1課 我與同伴共成長(zhǎng) 第2-3框 建立真摯友誼 男同學(xué)女同學(xué)教案 魯人版五四制 年級(jí) 道德 法治 上冊(cè) 第一 單元 相逢 是首歌 同伴 成長(zhǎng) 建立 真摯 友誼
鏈接地址:http://m.italysoccerbets.com/p-3386356.html