欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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 + /  注释语句 -->&nbsp;&nbsp;&nbsp;&nbsp;究!
    &lt;	<	小于号或显示标记
    &gt;	>	大于号或显示标记
    &amp;	&	可用于显示其它特殊字符
    &quot;	“	引号
    &reg;	®	已注册
    &copy;	©	版权
    &trade;	™	商标
    &ensp;		半个空白位
    &emsp;		一个空白位
    &nbsp;		不断行的空白





</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内容学习!

相关标签: html