欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  w3c对web开发制定的标准:
 
  内容标准 - html
 
  结构标准 - css
 
  行为标准 - javascript(js)
 
  html叫超文本标记语言(超文本,除了文本还可以显示其他的内容,包括:图片、视频、音频、图形等)
 
  html是标记语言,不是编程语言
 
  html1.0 - html2.0 - html3.2 -…- html5
 
  html5: 狭义概念,html标记语言的第五个大版本;广义的html5:指html5+css3+js
 
  (1)常规标记
 
  <标记 属性=属性值 属性=属性值>内容</标记>
 
  (2)空标记
 
  <标记 属性=属性值 属性=属性值 />?
 
  <标记 属性=属性值>
 
  1.尖括号中的第一个单词叫标记,标记后加一个空格后面的是属性,属性和属性值之间用等号连接,多个属性之间用空格隔开
 
  2.属性之间没有先后顺序
 
  3.常规标记的开始标记和结束标记中间就是标记的内容,这个内容理论上可以是任何内容(包括任何问题或者任何标签)
 
  4.空标记只有属性
 
  5.不同的标记有不同的功能(给网页提供不同的内容)
 
  2.写第一个程序
 
  说明:(1)DOCTYPE用来声明html版本: html 对应的是 html5
 
  注:标签不区分大小写:DOCTYPE和doctype、Doctype等是一样的
 
  (2)html标签就是网页的根标签,所有的网页内容(不管是看得见还是看不见的)都要写在html标签中?
 
  (3)head标签中主要是用来对网页进行设置和说明的(这个标签中的内容在网页上是看不见的)?
 
  主要包含:title标签、type标签、script标签、meta标签、link标签、base标签等?
 
  (4)body标签代表网页上可见的部分,所有需要展示在网页上的内容都需要写在这个标签里?
 
  p、h1-h6、img 、div、table、input等?
 
  1.标题标签(h1-h6)
 
  功能:显示标题
 
  注意:我们网页内容中的标题都要使用h标签
 
  <h1>我是标题1</h1>
 
  <h2>我是标签2</h2>
 
  <h3>我是标签3</h3>
 
  <h4>我是标题4</h4>
 
  <h5>我是标题5</h5>
 
  <h6>我是标题6</h6>
 
  <hr/>
 
  2.段落标签(p标签)
 
  在网页上单纯的显示一段文字(文字不是标题、没有特殊的功能(比如点击会有跳转效果…))
 
  功能:p标签的内容结束后会默认换行,并且和下面的内容之间会多一个空行(一般情况一段文字使用一个p标签)
 
  注意:html中的文本中手动的插入换行、空格和制表符是无效的
 
  3.空格( )
 
  <p>    比利时杀入世界杯四强,追平了在1986年所创的最佳成绩,当年的欧洲红魔得到殿军,为历届世界杯最高名次。如果他们能够再进一步,杀入决赛,就能与邻国荷兰的往绩看齐,甚至有机会比橙军更先拿到冠军。
 
  </p>
 
  4.加粗标签(b标签)
 
  <p>比利时杀入世界杯四强,追平了在1986年所创的<b>最佳成绩</b>,当年的欧洲红魔得到殿军,为历届世界杯最高名次。如果他们能够</p>
 
  5.strong标签?
 
  注意:显示效果上b标签和strong标签都有对文字进行加粗的效果,但是strong有强调的意思,b没有
 
  <p>比利时杀入世界杯四强,追平了在1986年所创的<strong>最佳成绩</strong>,当年的欧洲红魔得到殿军,为历届世界杯最高名次。如果他们能够</p>
 
  6.i标签和em标签?
 
  让文字倾斜的标签,em标签有强调的意思
 
  <p>比利时杀入世界杯四强,追平了在1986年所创的<i>最佳成绩</i>,当年的欧洲红魔得到殿军,为历届世界杯最高名次。如果他们能够再进一步,<em>杀入决赛</em>,就能与邻国荷兰的往绩看齐,甚至有机会比橙军更先拿到冠军。</p>
 
  <!-- 即倾斜又加粗 -->
 
  <p>比利时杀入世界杯四强,追平了在1986年所创的<strong><em>最佳成绩</em></strong>,当年的欧洲红魔得到殿军,为历届世界杯最高名次。如果他们能够再进一步,杀入决赛,就能与邻国荷兰的往绩看齐,甚至有机会比橙军更先拿到冠军</p>
 
  ?7.强制换行标签(br标签)
 
  8.水平线(hr标签)
 
  1.无序列表(ul标签)
 
  2.有序列表(ol标签)
 
  3.自定义列表(dl标签)
 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h61192.shtml