语法
顶部
<html>
<!-- 头信息的作用
1. 可以设置网页的标题。
2. 可以通知浏览使用指定的码表解释html页面.
3.
-->
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>这个是我的第一个网页</title>
<meta name="keywords" content="java培训,php培训,C#培训，羊肉、狗肉、猪肉"/><!--一个网页的关键字最好是3-4个。 seo(搜索引擎优化) -->
</head>
<!-- 网页的内容应该写在body标签体内的。 -->
<body>
今天天气不错...
</body>
</html>
常用的标签：
<h1>~<h6>表示一个标题标签
<p>段落标签
<hr/>水平线标签
<sub>下标
<sup>上标
<pre>原样标签:会保留空格和换行符
<ol><li>有序的列表标签
<ul><li>无序的列表标签
块标签:<div>
行内标签(span)
html标签的作用：用于描述一个网页的结构
如果需要操作数据的样式：通过标签的属性操作的。
标签的类型：
1.有开始标签和结束标签。<p></p>需要把网页的数据封装到标签中
2.开始标签和结束标签都是在一个标签体。<hr/>
水的化学式：H<sub>2</sub>O
<br/>
2的16次方：2<sup>16</sup>
<hr/>
<pre>
静夜思
床前明月光，疑是地上霜。
举头看屏幕，低头写代码。
</pre>
<hr/>
今晚吃啥好呢？
<ol type="a">
<li>火锅</li>
<li>烤鸭</li>
<li>烤鱼</li>
</ol>
中午吃啥好呢？
<ul type="square">
<li>木桶饭</li>
<li>猪脚饭</li>
<li>白切鸡</li>
</ul>
公司的组织结构：
<dl>
<dt>技术总监</dt>
<dd>码农1号</dd>
<dd>码农2号</dd>
<dd>码农3号</dd>
<dd>码农4号</dd>
<dt>人事总监</dt>
<dd>妹子1号</dd>
<dd>妹子2号</dd>
</dl>
<span>我现在在学习html，</span><div>后天学习css+javascript</div>
</body>
</html>实体标签
常用的实体标签：
空格  
小于号 <
大于号 >
人民币 ¥
版权 ©
商标 ®媒体标签
<embed></embed>
hidden：设置标签是否隐藏
src:用于指定路径
<embed src="1.mp3"></embed>
<marquee>飘动标签
direction:指定飘动的方法
srcpllamount:指定飘动的速度
loop:制定飘动的次数
<marquee loop="-1" scrollamount="30" direction="right"><font size="+6" color="red"> 我飞起来了...</font></marquee>超链接标签
<a>超链接标签
a标签的常用的属性：
href ： 用于指定链接的资源
target：用于打开新的资源目标 Blank在独立的窗口上打开新资源
self:在当前窗口打开新资源的目标。
file:file协议这种协议是用于搜素本地机器的资源文件
格式：file:\\\c:\1.txt
a标签的原理：
1.a标签的href属性值如果是以http开头的，那么游览器就会马上启动http解释器去解释该网址，首先会在本地去找hosts文件，如果host文件上该域名没有对应的主机，那么浏览器就会去到对应的dns服务器去寻找该域名对应的主机号。如果找到了主机，就会将该请求发送给对应的主机。
2.如果a标签的href属性值没有以任何协议开头，那么浏览器就会启动file协议解释器解释该资源路径。
3. 3. 如果a标签的href属性值并不是以http开始，而且其他 的一些协议，那么这时候浏览器就回去到我们本地的注册
表中去查找是否有处理这种协议 的应用程序，如果有，那么马上启动该应用程序处理该协议。
邮件 的协议： mailTo
迅雷的协议： thunder
超链接标签的作用：
1.可以用于资源定位
2.锚点定位：
1.首先编写一个锚点 锚点的格式: <a name="锚点的名字">数据</a>
2.使用a标签的href属性链接到锚点名字。 href="#锚点的名字"<body>
<a href = "www.baidu.com">百度</a>
<a target="_blank" href="www.baidu.com">带你去看海</a>
我
还是
一个
IT
凝固
我
还是
一个
IT
凝固
我
还是
一个
IT
凝固
我
还是
一个
IT
凝固
<a href="#top">回到顶部</a>
</body>图片标签
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<!--
<img>图片标签
img标签常用的属性：
width：设置图片的宽度
height:设置图片的高度
alt：如果图片资源没有办法找到，就显示对应的文字对图片进行说明。
-->
</head>
<body>
<img src="11.jpg" alt="这个是路飞" width="400" height="300" border="0">
</body>
</html>
表格标签
<table>表格标签
表格使用的属性：
<table>表格
<tr>行
<td>单元格
<th>表头 默认是居中加粗
<caption>表格的表题
表格常用的属性：
border：设置表格的边框
width:设置表格的宽度
height:设置表格的高度
colspan:设置单元格占据的列数
rowspan:设置单元格占据的行数<body>
<table align="center" border="1px" bordercolor="#0066CC" width="400px" height="300px">
<caption>期末考试成绩表</caption>
<thead>
<tr>
<th>姓名</th>
<th>分数</th>
<th>人品</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2">凡江</td>
<td>98</td>
<td>优</td>
</tr>
<tr>
<td>100</td>
<td>优</td>
</tr>
<tr>
<td>居东东</td>
<td>99</td>
<td>非常好</td>
</tr>
<tr align="center">
<td>综合测评</td>
<td colspan="2">非常好</td>
</tr>
</tbody>
</table>
</body><body>
<table align="center" border="1px" height="300px" width="400px">
<caption>期末考试成绩</caption>
<tr>
<th colspan="3">学生考试成绩</th>
</tr>
<tr>
<td rowspan="2">张三</td>
<td>语文</td>
<td>98</td>
</tr>
<tr>
<td>数学</td>
<td>95</td>
</tr>
<tr>
<td rowspan="2">李四</td>
<td>语文</td>
<td>88</td>
</tr>
<tr>
<td>数学</td>
<td>91</td>
</tr>
</table>
</body>表单标签
<!--
表单标签的作用是用于提交数据给服务器的
表单标签的根标签是<form>标签
常用属性:
action:该属性是用于指定提交数据的地址
method：指定表单提交的方式
get:默认使用的提交方式
post:提交的数据不会显示在地址栏
注意：表单项的数据如果要提交到服务器，则必须有name属性值。
-->
<body>
<form action="#" method="post">
<!-- 文本输入行:单行-->
用户名:<input name="userName" type="text"/></br>
<!--密码框-->
密码:<input name="password" type="password"/></br>
<!-下拉框-->
来自的城市:<select name="city">
<option value="BJ">北京</option>
<option value="SH">上海</option>
<option value="GZ">广州</option>
</select><br/>
<!--复选框 同一组的复选框的name属性要一致-->
兴趣爱好：java <input value="java" name="hobit" checked="checked" type="checkbox" />javascript <input type="checkbox" value="javascript" name="hobit" />android <input value="android" name="hobit" type="checkbox" /><br/>
<!--文件上传框-->
大头照:<input name="image" type="file"/><br/>
个人介绍:
<!--文本域-->
<textarea name="intro" rows="10" cols="30"></textarea><br/>
<!--提交按钮-->
<input type="submit" value="注册"/>
<!--注册按钮-->
<input type="reset" value="重置"/>
</form>
</body>
扫一扫
6239
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
