2019-07-03 1.html的概述(了解);2、基本格式;3、文本元素;————2019.07.03

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>

3、结果

image.png

image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,012评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,628评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,653评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,485评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,574评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,590评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,596评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,340评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,794评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,102评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,276评论 1 344
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,940评论 5 339
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,583评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,201评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,441评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,173评论 2 366
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,136评论 2 352

推荐阅读更多精彩内容

  • --- 学习目标: - 了解常用浏览器 - 掌握WEB标准 - 理解标签语义化 - 掌握常用的排版标签 ...
    红豆丁244阅读 1,374评论 0 2
  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 1,113评论 0 0
  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    淡淡疯阅读 1,261评论 0 3
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,466评论 1 45
  • 作为一个非科班出生,又没有经验的我而言,能进入到这个团队,真的觉得很幸运。在还未真正踏入这个行业时,我曾经问过自己...
    交互陈小妹纸阅读 1,839评论 2 18