HTML：一、基本介绍：1、什么是HTML？超文本标记语言：超文本：比普通文本多了一些功能标记语言：用来编辑文本的特殊语言，不是开发语言 2、和XML比较：文本标记语言：XML1、开始标签<name>结束标签</name>自结束标签<name/>=<name></name>空标签2、可自行扩展标签3、可自行扩展属性、子标签4、大小写敏感 eg:<name></Name> 这是错的5、唯一根标签 HTML:1、开始标签、结束标签、自结束标签标签必须遵守特定规范（w3c）http://www.w3school.com.cn/ 中文网站2、大小写随意，推荐使用小写3、唯一根标签 <html></html> 二、怎么用HTML？（用法）推荐IDE: EditPlus、Eclipse、MyEclipse新建文件 --> xxx .html<!DOCTYPE html> HTML 5 标准文档规范（简写）最宽松的规范：自动容错，是不确定的根标签：<html></html><meta><title><head><body>:文本标签：h1:hn n:1-6 文本标题，自带换行合并空格：如果有连续多个空格，将合并成一个P：段落标签，自带换行转义字符： 空格< 小于号> 大于号& ”and”符号使用转义字符实现Unicode编码的转义：中 --> 中<div>:块元素，本身自带换行，作用为了划分区域整个网页元素，基本由div组成（不推荐使用换行<br/>）<span>：行内元素，span 行内元素：不带换行，对整体效果不会产生影响作用：单纯用来划分区域，单独的区分或修饰，以便于后期使用CSS修饰通常加id属性：当前页面中唯一 图片：不自带换行路径（推荐相对路径），宽度，高度（不自带换行）要换行，可加div；<img src=” ” width=” ” height=” ”/> 超链接：不自带换行<a href=” 链接地址 ”>载体</a>1、链接地址：相对路径：在应用内部跳转使用 (比如百度里跳转)绝对路径：友情链接（http://www.baidu.com）不加http，会默认为相对路径；要给hn，p加超链接，就在标签内部加<a><a/>target：页面跳转方式_self：原页面跳转（默认）_blank：新页面跳转_parent: _top:span img a ：行内元素（不自带换行），可以在hn，p中加这些标签2、锚点：（本页面）页面顶部默认锚点：#添加锚点：<a name=”one”>内容<a/>跳转锚点：<a href=”#one”>载体<a/> 点击载体可跳转至内容那里demo06.html#name可以跳到其他网页的锚点 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++<b><b/>:加粗<br>:换行<em><em/>：强调（倾斜）<strong>:强调（加粗）<pre>:会按照你写的格式换行+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 列表：有序列表：<ol type=”a” start=”1”></ol> type表示类型，默认为数字，可以是A，a，1,；start必须是数字无序列表：<ul type=”circle”></ul>disc:为默认的实心圆；square:正方形circle:空心圆列表间可互相嵌套用处：导航、目录 <frameset rows=”10%,50%,40%”> 分为上中下三块<frame src=” ”></frame><frameset cols=” 30%,70%”> 百分数表示所占比例<frame src=” ”></frame><frame src=” ”></frame> 第二块分为左右两部分</frameset><frame src=” ”></frame></frameset>配合超链接<a>使用，在第二块中点击超链接在第一块显示，则在第一块里加一个name=”XXX”；在第二块超链接中加target=”XXX” 表格：（后台管理）<table border=”1” align=”表格在页面的位置”><tr>代表行 <td>代表列border 属性规定规定围绕表格的边框的宽度；width，height：整个的宽和高colspan：占几列； rowspan：占几行cellpadding：表格内部内容和边框的距离cellspacing：相邻内边框间的距离，如果为0，则只看到一条边框<table border=”1” align=”表格在页面的位置”><caption></caption>表格的标题，表的顶部<thead><th></th></thead> 表头（居中） <tbody align=”数据在表格中的位置”><tr><td></td></tr></tbody><tfoot><th></th></tfoot> 表尾（居中）</table>不会因为书写位置而改变布局，会默认表头在最前面，表尾在最后。 表单：formform action method=”post get”A.Post方式提交性能高于get方式提交trueB.Post方式提交数据，表单数据大小没限制，get有限制（1024个字节）trueC.Post方式提交数据，数据会在地址栏显示，get方式提交不会在地址栏显示 falseD.Post方式提交数据，数据不会在地址栏显示，get方式提交会在地址栏显示 true Input type=”test password reset button submit radio file checkbox”name=”” 服务器接收表单信息时使用value=“” 服务器接收的表单值输入框提示placeholder输入框字符个数限制 maxlengthradio设置默认值checkedCheckbox 设置默认值 checkedLabel<input type="checkbox" name="like" value="study" id="study"><label for="study">学编程</label>Label用来绑定“学编程”和“checkbox”Select - name, option - value选项全部显示size 多选multiple 设置默认选项selected多选框下拉列表 select -- optionInput里的其他属性 hidden隐藏区域：内容不显示作用：向服务器发送隐藏信息<input type="hidden" name="id" value="12">看不到，但发送时仍会发送“id=12”
本文出自 “Java学习” 博客，请务必保留此出处http://12181171.blog.51cto.com/12171171/1961549
HTML
原文地址：http://12181171.blog.51cto.com/12171171/1961549