html基础

HTML
1.html全局属性常用：
id(唯一，方便找到) ，class ，style(css样式) ，title
2.图片<img src="  .jpg" width="100" height="100" alt="这里是加载失败时的替换文字"/>
3.<!DOCTYPE>声明是HTML5这个版本的类型
4.HTML注释<!--comments-->
5.HTML
标题<h1><h2><h3><h4><h5><h6>逐渐减小
段落<p>
换行<br>
水平分割线<hr>单标记
文本格式化 <b>加粗</b>  <i>斜体</i>
重要信息（也加粗，语义不一样）<strong>important</strong>
需要强调（同上）<em>emphasized</em>
<small>smaller</small>字体更小
<del>(deleted text)</del>要删除的文本或者已经删除的文本
<ins>(inserted)</ins>插入，在文本下方出现一条下划线
6.超链接
外链接<a href="http://weibo.com/simbasong">宋波微博</a>（默认在当前窗口跳转）
<a href="http://weibo.com/simbasong" target="_blank"><img src=""/></a>给图片建立了


一个超链接（target=—blank是指会保留当前浏览器窗口页面，尝试加载新的窗口）
文档内导航(用“#”表示）
<a href="#faq">常见问题</a>在本页面内跳转到id=“faq”的地方
<a href="#botton-section">去底部</a>
<a href="#">回顶部</a>
完整的，既有外部又有内部<a href="http://abc.com/course/202#faq">常见问题</a>
先跳转到http://abc.com/course/202页面，在迅速跳转到id="faq"的区域
7.HTML List
Unordered list无序列表
<ul>
<li>Item</li>
<li>Item</li>
</ul>
Ordered list有序列表
<ol>
<li>First</li>
<li>Second</li>
</ol>
也可以通过css样式列表来修改，也可以嵌套使用
8.HTML Table
Table tags
<table>
<caption>表头
<tr>table row每一行
<th>table head第一行标题
<td>table data每一行数据
对多行进行分组<thead><tbody><tfoot>
对多列进行分组<colgroup><col>可以一下子对多个列设置背景元素，突出重要性
9.HTML form表单属性
 <form action="index.jsp" method="post" enctype="multipart/form-data">编码方式，因为用到了文件上传
    <p>姓名：<input type="text"/></p>
    <p>简介：<textarea></textarea></p>
    <p>简历附件<input type="file"/></p>
    <p><input type="submit" value="报名提交"/></p>
 </form>

10.在head里添加样式，比如居中
<style>
body{
width:1000px;
margin:0 auto;
text-align:center;
}
table{
margin:0 auto;
}
</style>