标签：html
HTML： 一、基本介绍： 1、什么是HTML？ 超文本标记语言： 超文本：比普通文本多了一些功能 标记语言：用来编辑文本的特殊语言，不是开发语言 2、和XML比较： 文本标记语言：XML 1、开始标签<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方式提交true B.Post方式提交数据，表单数据大小没限制，get有限制（1024个字节）true C.Post方式提交数据，数据会在地址栏显示，get方式提交不会在地址栏显示 false D.Post方式提交数据，数据不会在地址栏显示，get方式提交会在地址栏显示 true Input type=”test password reset button submit radio file checkbox” name=”” 服务器接收表单信息时使用 value=“” 服务器接收的表单值 输入框提示placeholder 输入框字符个数限制 maxlength radio设置默认值checked Checkbox 设置默认值 checked Label <input type="checkbox" name="like" value="study" id="study"> <label for="study">学编程</label> Label用来绑定“学编程”和“checkbox” Select - name, option - value 选项全部显示size 多选multiple 设置默认选项selected 多选框 下拉列表 select -- option Input里的其他属性 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
