初始HTML
-
HTML
- Hyper Text Markup Language(超文本标记语言)
-
W3C
- World Wide Web Consortium(万维网联盟)
- 成立于1994年,Web技术领域最权威和最具影响力的国际中立性技术标准机构
-
W3C标准包括
- 结构化标准语言(HTML,XML)
- 表现标准语言(CSS)
- 行为标准(DOM,ECMAScript)
- 等成对的标签,分别叫**开放标签**和**闭合标签**,
单独呈现的标签(空元素),如
;意为用/来关闭空元素
网页基本信息
-
<!-- DOCTYPE : 告诉浏览器,我们要使用什么规范--> <!DOCTYPE html> <html lang="en"> <!-- head 标签 代表网页头部--> <head> <!-- meta 描述性标签 用来描述网站的一血信息 --> <meta charset="UTF-8"> <meta name="zhangwords" content="世杰学java"> <meta name="description" content="自学java"> <!-- title 标签代表网页标题 --> <title>hello world</title> </head> <!-- body 标签代表网页主体--> <body> Hello World </body> </html>
网页基本标签
-
标题标签
-
段落标签
-
换行标签
-
水平线标签
-
字体样式标签
-
注释和特殊符号
-
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基本标签学习</title> </head> <body> <!--标题标签--> <h1>一级标签</h1> <h2>二级标签</h2> <h3>三级标签</h3> <h4>四级标签</h4> <h5>五级标签</h5> <h6>六级标签</h6> <!--段落标签--> <p>贝瓦儿歌 两只老虎, </p> <p> 两只老虎, 跑得快,</p> <p> 两只老虎, 跑得快,</p> <p> 两只老虎, 跑得快,</p> <p> 两只老虎, 跑得快,</p> <!--水平线标签--> <hr/> <!--换行标签--> 贝瓦儿歌 两只老虎, 两只老虎, 跑得快,<br/> 两只老虎, 跑得快,<br/> 两只老虎, 跑得快,<br/> 两只老虎, 跑得快,<br/> <!--粗体--> <h1>字体样式标签</h1> 粗体 : <strong> i love you </strong> 斜体 : <em>i love you</em> <br/> <!--特殊符号--> 空 格: > < © <!-- 特殊符号记忆方式 查百度 --> </body> </html>
图像标签
-
常见的图片格式
- JPG
- GIF
- PNG
- BMP
-
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图像标签学习</title>