1、基础知识
1.HTML(超文本标签语言),通过HTML标签对网页中的文本、图片、声音等内容进行描述。文本 标签 语言
2.<head>
<meta charset="UTF-8">
<title>题目</title>
</head>
<body>
内容
</body>
</html>
3.HTML的标签分类,标签是放在<>标签符中表示某个功能的编码命令,也称HTML标签或HTML元素。有双标签和单标签。
1.双标签
<标签名> 内容 </标签名>
<标签名>表示该标签的作用开始,称为“开始标签”;</标签名>表示该标签的作用结束,称为“结束标签”。
例:<body> 我是文字 </body>
2.单标签
<标签名 />
<标签名 />即可完整地描述某个功能的标签。
例:<br />
HTML标签关系:嵌套关系和并列关系
1.嵌套关系
<head> <title> </title> </head>
2.并列关系
<head></head>
<body></body>
双标签:1. “<b>”表示关键字和产品名称 HTML5 解释:元素实际作用就是加粗。从语义上来看,就是标记一段文字,但并不是特别强调或重要性。比如:一段文本中的某些关键字或者产品的名称。
2.<strong> 表示重要的文字 <strong> HTML5 </strong> 解释:<strong>元素实际作用和<b>一样,就是加粗。从语义上来看,就是强调一段重要的文本。
3.<i> 表示外文词汇或科技术语 <i>HTML5</i> 解释:<i>元素实际作用就是倾斜。从语义上来看,表示区分周围内容,并不是特别强调或重要性。
4.<em> 加以强调 <em>HTML5</em> 解释:<em>元素实际作用和<i>一样,就是倾斜;从语义上来看,表示对一段文本的强调。
5.<s> 表示不准确或校正 <s>HTML5</s> <s>HTML5</s> 解释:<s>元素实际作用就是删除线;从语义上来看,表示不准确的删除。
6.<del> 表示删除文字 <del>HTML5</del>解释:<del>元素实际作用和<s>一样,就是删除线;从语义上来看,表示删除相关文字。
7.<u> 表示给文字加上下划线 <u>HTML5</u> 解释:<u>元素实际作用就是加一条下划线;从语义上来看,并不强调此段文本。
单标签:1.
强制换行、<wbr> 安全换行Thisabc<wbr>dkedkslakdj<wbr>fkdlsakd is apple.解释:在任意文本位置键入
都会被换行,而在英文单词过长时使用<wbr>会根据浏览器的宽度适当的裁切换行。
2.<hr>横线
strong em del ins 语义更强烈
水平线的长度(width)为666 颜色为红色
<hr width="666" color=“red”>
标签的属性:
1.标签可以拥有多个属性,必须写在开始标签中。位于标签名后面。
2.属性间不分先后顺序,标签名与属性、属性与属性之间均以空格分开。
3.任何标签的属性都有默认值,省略该属性则取默认值。
2、代码
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>我的第一个网站
<h1>来自火星星的你
<h2>来自火星星的你
<h3>来自火星星的你
<h4>来自火星星的你
<h5>来自火星星的你
<h6>来自火星星的你
<i><strong>文本加粗、倾斜
<p>以1609年(光海1年)《朝鲜王朝实录》中记载的不明飞行物为基础发挥不可思议的想象,讲述从外星来到朝鲜<br>时代的神秘男人都敏俊(金秀贤 饰)就此生活到400年之后的现代,在和身为国民顶级女演员的千颂伊(全智贤<br>饰)陷入爱情的过程中,不同星球的两人消除彼此之间的误解,克服危险追寻真爱的浪漫爱情喜剧。
<p>韩流明星千颂伊搬家的第一天,在电梯遇到都敏俊,以为他是跟踪自己的狂热fans,在电梯里训了他一顿,都敏俊却根本不理她,千颂伊到了楼层才发现他是住在隔壁的邻居,丢脸丢到太平洋,来地球生活了400年的都敏俊听到远处咖啡厅中的同事们说他闲话,并说他这种人应该去参军,展开独白:“自己来韩国生活的400年共参军24次,在军中生活的时间累计49年零7个月,陆海空各路军队,没有他没去过的地方。
<p>都敏俊拒绝了千颂伊的请求,不愿给她学分放水,知晓敏俊身份的律师张英牧问他是否可以像12年前一样提前感知即将发生的事情,劝说他以此帮助困难的人.敏俊想起初来地球时遇到的赌徒,帮助了他一次他却越陷越深,甚至要卖儿女,因此敏俊认为该发生的还是会发生该变坏的还是会变坏,不愿帮助颂伊.电视台跟拍千颂伊明星生活实录,千颂伊一路出没常识的洋相,险险从家楼下拍到学校,把经纪人代做的讲义得意地交给都敏俊教授,回头故意走得很慢等都敏俊叫住她表扬,都敏俊叫住了她,却是当众对她说这份作业剪切复制黏贴只能得零分,并准确指出哪些部分出自哪里的文献或资料.
<h1>40.6摄氏度:上海创出140年史上高温新纪录
<p>2016年7月27日 10:58:26 来源:新华网
<p>新华网上海7月26日电(记者李荣)26日
<p>------中国四大发明------
1.造纸术
2.印刷术
3.火药
4.指南针
<h3>------文本格式化标签------
<strong>一二三四五,
<strong>六七八九十。
<strong><i>五四三二一,
十九八七六。
优惠大促销:原价:<s>2888</s>元<s><strong>1888</strong></s>元
现价:<strong><u>8.88</u></strong>元<strong><u>0.88</u></strong>元
水平线的长度(width)为500,颜色为红色
<hr width="666" color="red" >
标签的属性:
1.标签可以拥有多个属性,必须写在开始标签中。位于标签名后面。
2.属性间不分先后顺序,标签名与属性、属性与属性之间均以空格分开。
3.任何标签的属性都有默认值,省略该属性则取默认值。
</html>