基本文字 图片输出 知识点
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>江龙杰的第一个html文件</title>
</head>
<body>
<h1>江龙杰很帅</h1>
<h2>江龙杰很帅</h2>
<h3>江龙杰很帅</h3>
<h6>江龙杰很帅</h6>
<p>江龙杰很帅</p>
键盘敲烂，月薪过万！<br />
江龙杰很帅<br />江龙杰很帅江龙杰很帅
<strong>江龙杰很帅 </strong>
<b>江龙杰很帅</b>
<em>江龙杰很帅</em>
<i>江龙杰很帅</i>
<del>江龙杰很帅</del>
<s>江龙杰很帅</s>
<ins>江龙杰很帅</ins>
<u>江龙杰很帅</u>
<div>会单独一行</div> <div>江龙杰很帅</div>
<span>江龙杰很帅</span> <span>江龙杰很帅</span>
<h4>图片的使用</h4>
<img src = "meinv.jpeg">
<h4>alt的使用 替换文本 图像显示不出的时候用文字替换</h4>
<img src = "meinv1.jpeg" alt="江龙杰很帅" >
<h4>图片提示 鼠标放在图片上显示的文字</h4>
<img src = "meinv.jpeg" title="江龙杰很帅">
<h4>改变图像的长宽</h4>
<img src = "meinv.jpeg" title="江龙杰很帅" width="4000" height="2000" >
<h4>图片路径知识点</h4>
<img src ="图片路径知识点.jpg">
<img src = "E:\BaiduNetdiskDownload\server\HTML\图片路径知识点.jpg">
</body>
</html>
超连接 ，特殊符号输出 内容知识点
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>超链接</title>
</head>
<body>
<h4 id = "baidu">外部链接 把本窗口替换</h4> <br>
<a href="http://www.baidu.com" target="_self">百度</a>
<h4>外部链接 新建窗口</h4> <br>
<a href="http://www.baidu.com" target="_blank">百度</a>
<h4>内部链接</h4><br>
<a href="day1.html" target="_blank">第一天写的html链接</a>
<h4>空链接 ：#</h4><br>
<a href="#" target="_blank">空连接</a>
<h4 >下载链接</h4><br>
<a href="meinv.jpeg" target="_blank">下载链接</a>
<h4>网页元素的连接</h4><br>
<a href="http://www.baidu.com" target="_blank"><img src="meinv.jpeg" width="4000" height="2000"></a>
<h4>锚链接</h4><br>
<a href="#baidu" >跳转到第一个百度链接</a>
<!-- ctrl + / 注释语句 -->
讲 究！
< < 小于号或显示标记
> > 大于号或显示标记
& & 可用于显示其它特殊字符
" “ 引号
® ® 已注册
© © 版权
™ ™ 商标
  半个空白位
  一个空白位
不断行的空白
</body>
</html>
项目实战：自制一个关于圣诞节的百度百科！
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>圣诞节 百度百科</title>
</head>
<body>
<h1>圣诞节 （西方传统节日）</h1> <br>
<p> 基督教纪念耶稣诞生的重要节日。亦称耶稣圣诞节、主降生节，天主教亦称耶稣圣诞
瞻礼。耶稣诞生的日期，《圣经》并无记载。公元336年罗马教会开始在12月25日过此节。
12月25日原是罗马帝国规定的太阳神诞辰。有人认为选择这天庆祝圣诞，是因为基督
教徒认为耶稣就是正义、永恒的太阳。5世纪中叶以后，圣诞节作为重要节日，
成了教会的传统，并在东西派教会中逐渐传开。因所用历法不同等原因，各教派会举行
庆祝的具体日期和活动形式也有差别。圣诞节习俗传播到亚洲主要是在十九世纪中叶，日本
、韩国等都受到了圣诞文化的影响。现在西方在圣诞节常互赠礼物，举行欢宴，并以圣诞老人
、圣诞树等增添节日气氛，已成为普遍习俗。圣诞节也成为西方世界以及其他很多地区的公共
假日。</p>
<a href="#jiemuxingshi" >1 节日形式</a><br >
<a href="#jierizhuangshi" >2 节日装饰</a><br >
<a href="#jieriyingshi" >3 节日饮食</a><br >
<a href="#renwuxingxiang" >4 人物形象</a><br >
<h4 id ="jiemuxingshi">节日形式</h4><br>
<img src ="sdmn.jpeg" width="500" height="300">
<p>圣诞贺卡作为圣诞节礼物在美国和欧洲很流行，许多家庭随贺卡带上年度家庭合照或家庭新闻，
新闻一般包括家庭成员在过去一年的优点特长等内容。圣诞节这天寄赠圣诞贺卡，除表示庆贺
圣诞的喜乐外，就是向亲友祝福，以表思念之情。尤其对在孤寂中的亲友，更是亲切的关怀和
安慰。</p>
<h4 id= "jierizhuangshi">节日装饰</h4><br>
<img src ="sdmn.jpeg" width="500" height="300">
<p>圣诞节装饰包括：圣诞袜，最早以前是一对红色的大袜子，大小不拘。因为圣诞袜是要用来装
礼物的，所以是小朋友最喜欢的东西，晚上他们会将自己的袜子挂在床边，等待第二天早上收
礼；圣诞帽，是一顶红色帽子，据说晚上戴上睡觉除了睡得安稳和有点暖外，第二天还会发现
在帽子里多了点心爱的人送的礼物；圣诞树，通常人们在圣诞前后把一棵常绿植物（如松树）
弄进屋里或者放在户外，用圣诞灯和彩色的装饰物装饰，并把一个天使或星星置于树顶，圣诞
树起源于德国；圣诞节环，西方国家圣诞节期间挂在家门口用的装饰品，通常用绿色的枝叶或
藤条（松毛、松针等）和银色的金属及金色的铃铛配以红色的缎带组成主色调，以绿、白、黄
、红四色代表欢乐喜庆，上面还写有MERRY CHRISTMAS或简写为X'mas的字样，圣诞节环最早
出现在芬兰。</p>
<h4 id = "jieriyingshi">节日饮食</h4><br>
<img src ="sdmn.jpeg" width="500" height="300">
<P>圣诞节饮食包括火鸡、树干蛋糕、杏仁布丁、姜饼、海鲜、glogi酒、沙滩宴、玉米粥等。</P>
<h4 id="renwuxingxiang">人物形象</h4><br>
<img src ="sdmn.jpeg" width="500" height="300">
<p>圣诞节人物形象主要指圣诞老人（SantaClaus），其原型是生活在公元4世纪米拉城（今土耳
其境内）的主教圣尼古拉斯。他一生当中做了很多慈善工作，最喜欢在暗中帮助穷人。圣诞老
人是他后来的别号，这个名字是出自他暗中送钱，帮助三个女孩子的故事。尼古拉斯死后被尊
为圣徒。圣诞老人的形象是一位身穿红袍、头戴红帽的白胡子老头。每年圣诞节他驾着鹿拉的
雪橇从北方而来，由烟囱进入各家，把圣诞礼物装在袜子里挂在孩子们的床头上或火炉前。</p>
<a href="http://www.baidu.com"target="_blank">更多资料，移步百度！</a>
</body>
</html>
b站黑马html内容学习！
18万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
