html 第一天内容学习
程序员文章站
2022-06-09 18:08:56
...
基本文字 图片输出 知识点
<!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内容学习!
下一篇: numpy常用函数介绍
推荐阅读
-
搜索引擎会抓取display:none的内容吗?_html/css_WEB-ITnose
-
python网络编程学习笔记(七):HTML和XHTML解析(HTMLParser、BeautifulSoup)
-
Apache服务器怎样设置,可以隐藏html源代码内容?
-
应该怎样进一步学习写样式_html/css_WEB-ITnose
-
php将数据库中所有内容生成静态html文档的代码_PHP
-
sass的学习_html/css_WEB-ITnose
-
在HTML中如何实现链接选择?详见内容_html/css_WEB-ITnose
-
请问织梦dede可以较好的生成网站,那还需要学习php, html吗?
-
css基本内容_html/css_WEB-ITnose
-
[菜鸟发问]表格单元格的内容_html/css_WEB-ITnose