1.HTML * *****
2.CSS ** **
JS *** *****
3JS
4JS
5JS XML* ***
6XML解析** ***
7基础加强
8HTTP 服务器
9servlet ********
1.HTML是什么?
*Hyper Text Markup Language 超文本标记语言
*Hyper Text:超链接.把不同空间的资源,整合在一起,形成逻辑上的网状结构.
*Markup Language 标签语言.该语言是由标签构成.
*HTML文档=网页
*浏览器解析HTML
2.如何创建一个HTML文档 .
*后缀名:.html .htm 都可以;
*由<html>作为文档的根元素,文档包含两部分.头部分<head>和体部分<body>
*body中的信息在浏览器正文中显示
*head中的信息不会在正文中显示.
3.关于标签的问题
*一对尖括号包裹的一个单词,html标签不能以数字开头(对所有标签语言都适用).
*标签一般要成对出现,分别叫做开始标签和结束标签.(建议大家做到).XHTML. <html></html>
*自闭合标签.<br/>
*html不区分标签大小写.<HTML> 和<html> 是一个标签,建议大家使用小写.
4.关于标签的属性?
*属性书写的位置.应该写在开始标签中,不要写在结束标签中
*属性一般情况下都是以键值对的形式出现的.
*属性的值必须使用双引号或者单引号包裹.可以嵌套.
<html>
<head>
<title>我的第一个网页</title>----网页头部
</head>
<body>
我的第一个网页--主题部分
</body>
</html>
网页基本信息
<title>标签
<title>家用电器排行榜</title>
网页基本信息
<meta>标签
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">网页字符编码
<meta name="keywords" content="传智播客，IT培训" />搜索关键字
<meta name="description" content="传智播客是国内最大的。。。。。"/>内容描述
<meta http-equiv="refresh" content="3,url=http://www.sina.com.cn"/>
表示打开此页面3秒后自动跳转到新浪网页
网页的基本标签
标题标签
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>
段落标签
<p>...</p>
<h1>北京欢迎你</h1>
<p>北京欢迎你，有梦想谁都了不起！</p>
<p>有勇气，就会有奇迹。</p>
换行标签
<br/>
<h1>北京欢迎你</h1>
<p>
北京欢迎你，有梦想谁都了不起！<br/>
有勇气，就会有奇迹。<br/>
北京欢迎你，为你开天辟地<br/>
...
</p>
水平线标签
<hr/>
<h1>北京欢迎你</h1>
<hr/>
<p>
北京欢迎你，有梦想谁都了不起！<br/>
有勇气，就会有奇迹。<br/>
北京欢迎你，为你开天辟地<br/>
...
</p>
字体样式标签
加粗：<strong>...</strong>
斜体：<em>...</em>
<strong>徐志摩人物简介</strong>
<p>
<em>1910</em>年入杭州学堂<br/>
<em>1918</em>年赴美国克拉大学学习银行学<br/>
...
</p>
注释和特殊符号
特殊符号 字符实体 示例
空格 <a href="#">百度</a> <a href="#">新浪</a>
大于号（>） > 如果时间>晚上6点，就坐车回家
小于号（<） < 如果时间<早上7点，就走路去上学。
引号（""） " W3C规范中，HTML的属性值必须用成对的"引起来
版权符号 © ©2007-2014传智播客
图像标签
语法
<img src="path" alt="text" title="text" width="x" height="y"/>
图像地址 图像的替代文字 鼠标悬停提示文字 图像的宽度 图像的高度
示例 <img src="image/hetao.jpg" width="160" height="160" alt="无漂白薄皮核桃" title="无漂白薄皮核桃"/>
链接标签
语法
<a href="path" target="目标窗口位置" >链接文本或者图像</a>
连接路径 链接在哪个窗口打开