HTML

1.helloworld

<!--根标签-->
<html>
<!--头部标签-->
<!--
src和href的区别
src:引用,该资源是页面不可缺少的一部分,如(img标签 video标签 radio标签);
href:引入,引入外部资源,如(a标签 link标签)
-->
  <head>
     <meta charset="UTF-8">
     <title>第一个程序</title>
  </head>
<!--身体标签-->
  <body>
     你好,世界!
  </body>
</html>

2.html中常见的标签

<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<!--标题标签-->
    <h1>11111111111111111</h1>
    <h2>11111111111111111</h2>
    <h3>11111111111111111</h3>
    <h4>11111111111111111</h4>
    <h5>11111111111111111</h5>
    <h6>11111111111111111</h6>

    <div>2222222222222222</div>
    <div>222222222222222</div>
    <div>1111111111111111111111</div>
    <div>1111111111111111111111</div>
<!--段落标签-->
    <p>eeeeeeeeeedffkjhefhjgerhjkjher</p>
    <p>eeeeeeeeeedffkjhefhjgerhjkjher</p>
    <p>eeeeeeeeeedffkjhefhjgerhjkjher</p>
<!--输入框标签-->
    <input><br>
    <input placeholder="请输入用户名"><br><br><br>
    <input value="张三"><br>
    <input type="color"><br>
    <input type="checkbox"><br>
    <input type="date"><br>
    <input type="range"><br>
<!--换行标签-->
    <br>
<!--超链接标签-->
    <a href="http://baidu.com" target="_blank">百度一下,你就不知道</a>
<!--图像标签
    相对路径 项目中的资源
    绝对路径 http:// https:// ftp:// file://
   -->
    ![](https://www.baidu.com/img/bd_logo1.png)
    [站外图片上传中……(2)]

  <!--列表标签-->
   <ul>
       <li>111111</li>
       <li>222222</li>
       <li>333333</li>
       <li>444444</li>
   </ul>
  <!--容器标签-->
   <div>1111111111111111111111</div>

</body>
</html>

3.新闻页详情

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>富士康PK万达:同时转型电商背后差别在哪?</title>
</head>
<body>
  <!--文章-->
   <article>
       <!--头部-->
      <header>
          <h1>富士康PK万达:同时转型电商背后差别在哪?</h1>
          <h4>一言楠尽08月28日 07:30 富士康万达富连网分类 :互联网阅读 :39075</h4>
      </header>
       <!--章节-->
      <section>
          <h3>1、核心战略PK</h3>
          <p>富连网是富士康旗下专业的3C数码电商平台,其最大的亮点是主营3C数码家电品类的产品,有点类似早期的京东,希望利用富士康的产业链优势,从B2C出发最后形成一个C2B的完整生态圈闭环;在服务与资源上看,富士康为富连网提供了相当多区别于传统电商的玩法,甚至独自完成了首届智能手表节的营销推广活动。</p>
          <p>对万达电商来说,其主体是“飞凡网”,由万达、百度、腾讯共同出资成立,核心是重新整合万达集团线下资源,实现线上线下业务和服务融合,要打造一个“全球性”O2O开放式电商平台”。此外,该平台不以城市做为分界依据,而是以万达广场为辐射核心,这也是在最大程度上利用万达商业地产的资源来进行扩张。</p>
      </section>
      <section>
          <h3>2、服务层级PK</h3>
          <p>事实上,中国互联网发展这十几年鲜有巨头直接合作成功的案例,大多是好聚不好散,尤其是对万达来说,如果把希望都寄托在百度与腾讯身上,也是颇为危险的——要知道“BT”这两个国内最大的互联网公司目前都希望抓住O2O的风口实现二次突破,万达何尝又不是他们眼中的“土大款”呢?初期弄明白O2O电商的玩法后,未来万达电商应该更注重自身品牌与渠道的建设。</p>
      </section>
       <!--尾部-->
      <footer>
          <h5>作者介绍:穆楠,《复制互联网之三》系列图书作者,百度百家、网易、搜狐、艾瑞等多家网站专栏作家,科技专栏「一言楠尽」创办人。</h5>
      </footer>
   </article>
</body>
</html>

4.HTML5的常用标签

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,727评论 1 92
  • 1. 浏览器页面有哪三层构成,分别是什么,作用是什么? 构成:结构层、表示层、行为层分别是:HTML、CSS、Ja...
    程序猿人王小贱阅读 1,866评论 1 11
  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 2,077评论 2 21
  • 学习HTML的最佳网站没有之一http://www.w3school.com.cn/html/ 关于HTML/HT...
    Amyyy_阅读 2,036评论 0 16
  • 我奋斗,所以我快乐 下面是对HTML的知识点做一个总结(这是一个艰辛的过程,不过还是很happy)。 一、基本概念...
    姬鸟念渔阅读 1,011评论 0 2