HTML 大结!
网页分三部分:
HTML,HTM: 超文本标记语言
CSS : 样式表
javascript: 脚本
<body bgcolor="" background="" text="#000099">
字体标签
<font color="#CCCCCC" face="Verdana, Geneva, sans-serif" size="+5"></font>
<b></b><i></i> <u></u><center></center> <br><br/>
内容标签
<div></div><span></span>
<hi><h1><h6><h6>标题标签 加粗换行
<ol type="a"> 有序排列
<li></li>
<li></li>
</ol>
<ul type="square"> 无序排列
<li></li>
<li></li>
</ul>
<p><a href="http://www.sina.com.cn" target(打开方式)="_blank">超链接入口</a> 跳转页面
<a href="">超文本</a> 下载文档
锚点:
<a href="#md1">找1</a>
<a href="#md2">找2</a>
<a name="md1">内容1</a>
<a name="md2">内容2</a>
<img src="" width="" height="" alt="图片不显示后,显示的文字"/>
表格
<table width="100%" border="0" cellspacing="2" bgcolor="#CC0099">
<tr>
<td width="20%" rowspan="2" bgcolor="#990033"> </td>
<td width="20%" bgcolor="#990033"> </td>
<td width="20%" bgcolor="#990033"> </td>
</tr>
<tr>
<td colspan="2" bgcolor="#990033"> </td>
</tr>
<tr>
<td bgcolor="#990033"> </td>
<td bgcolor="#990033"> </td>
<td bgcolor="#990033"> </td>
</tr>
</table>
表单
<form name="zhuce" method="get" action="www.baidu.com"/(一般来说加“/”)>
method一般为post或get;
action 提交到那个页面(基本是自己做的)来处理
1文本输入
<input type="text" name="" value=""> 单行文本输入框
<input type="password" name="" value=""> 密码框
<textarea rows="5" value="" name=""></textarea> 文本域 多行文本输入
<input type="hidden" name="" value=""> 隐藏域
2按钮
<input type="submit" name="" value="提交"> 把输的文字提交到另一个页面
<input type="reset" name="" value="重置">
<input type="button" name="" value="普通" >
<input type="image" value="图片" name="" width="50" height="50">
3选择输入
男<input type="radio" name="sex" value="true" checked="checked"(默认值) > 单选 name相同为一组
女<input type="radio" name="sex" value="false" >
<input type="checkbox" name="" value="" checked="checked" > 多选
<input type="checkbox" name="" value="" >
<input type="checkbox" name="" value="" >
<input type="file" name="" value="" >浏览 选择文件 上传文件
<select name="" multiple="multiple"(多选)>
<option value="01" selected="selected">张三</option>
<option value="02">李四</option>
</select>
</form>
</body>
CSS 样式表
<title>CSS</title>
<style type="text/css">
*
{
margin:0px;
padding:opx;
}
ul
{
list-style-type:none;
/*list-style-position:inside; */
}
ul li
{
/*display:inline;*/
float:left;
margin:opx 10px 0px 10px;(上右下左 水木火土金)
}
.dd
{
width:100px;
height:100px;
border:5px solid red;
background-color:yellow;
margin:5px;
float:left;
}
div
{
border:1px dotted red;
height:100px;
backgroud-color:yellow;
width:500px;
}
#d0
{
width:600px;
height:50px;
background-color:red;
}
#d2
{
background-color:green;
height:200px;
width:700px;
}
</style>
</head>
<ul>
<li>首页</li>
<li>公司介绍</li>
<li>新闻活动</li>
<li>产品介绍</li>
<li>客服介绍</li>
<li>会员专区</li>
<li>联系我们</li>
</ul>
<div class="dd"></div>
<div class="dd"></div>
<div class="dd"></div>
<div class="dd"></div>
<div class="dd"></div>
<div class="dd"></div>
<div class="dd"></div>
<div class="dd"></div>
<div class="dd"></div>
<div class="dd"></div>
<div id="d1"></div>
<div id="d2"></div>
</body>
</html>
HTML (标签、div+Css)+ JS(js语法,dom,jquery)
HTML: Hyper Text Mankup Language 超文本标记语言
学html,实际就是在学标签都有哪些,怎么用。如何通过标签来控制文本样式。
文件后缀:html, htm
基本标签:
<html>
<head>
<title></title>
</head>
<body></body>
</html>
任何标签都是包含关系,不会交叉