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