JAVAEE就业--HTML语言总结

时间：2015-03-04 19:15:57 阅读：173 评论：0 收藏：0 [点我收藏+]

标签：html

Html：超文本标记语言

：网页语言
   规范：1，以<html>开始，以</html>结束
          2，有两个部分组成，<head></head>和<body></body>
       头标签中的title标签可以显示

   对数据进行操作，先要用标签封装数据子，在设置其属性和属性值
   格式： <标签属性 = "属性值"></标签>其中也可以这样写 <标签属性 = ‘属性值‘></标签>
   有的标签没有结束。。例如<br/>在标签内结束。

**** html思想
   网页中的数据，根据需求不同可能显示的效果不同，可以通过修改标签的属性和属性值来达到效果。
   而标签相当于一个容器，可以通过修改容器的属性值来改变容器内的所有数据

常用标签
   ***文字和注释：
       <font></font>
           size:范围是1-7，超过7就当7
           color:

   ***标题标签：
       <h1></h1><h2></h2>......<h6></h6>...字体越来越小。

   ***水平线标签：
       <hr color = "blue" size="5"/> 没有结束标签，在标签内结束size值是粗细

   ***特殊字符：
       <   <
       >   >
         空格
       &   &
       双引号”："
       注册符：®
       版权符： ©

   ***列表标签：
      <dl></dl>：表示列表内容
       <dt></dt>：列表标题上层内容
           <dd></dd>：列表下层内容

   ***有序号的显示列表内容
   <ol></ol>:标签范围：
   
       <li>内容</li>

   ***无序号的显示列表内容
       <ul></ul>:标签范围：
       
           <li>内容</li>


   ***图像标签
       <img src="图片地址" width="图片宽度" height="图片高度"/>
           **<alt>这是图片上显示的内容，鼠标放在图片上等片刻就可以看到</alt>

           图像在html上级目录用"../"表示上级目录，都是相对于html文件来说的
           区分相对路径和绝对路径

   ***超链接标签
       **连接资源
       <a href="要来连接的地址">显示的内容</a>
       其中一个属性
           属性 target 值_self 在当前页面打开浏览器默认的
           属性 target 值_blank 在新建页面打开
       <a href="要来连接的地址"target="_blank" >
       **定位资源(回到顶部案列)
       定义位置：<a name="位置"></a>
       到达位置：<a href="#位置"></a>//一定加上#
       **原样输出标签：<pre>内容</pre>

   ***表格标签
       作用：对数据格式化，规范。
       <table><table/>表格范围
       <tr>行数</tr>表示一行
       <td>单元格</td>单元格
       table属性
           border 值是1-7
           bordercolor 线的颜色
           width 宽
           height 高
           cellspacing 单元格之间的距离
       tr属性
           对齐方式：align 值：left：居左 center：居中 right：居右
       td属性
           对齐方式：align 值：left：居左 center：居中 right：居右

       **表示单元格<th></th>:作用是居和加粗中单元格内容
       **表格标题<caption>设置表格的标题</caption>
       **表格居中<center></center>，写在table外面
       **合并单元格
           rowspan:跨行
           colspan:跨列


       <></>
       例如：
       <table border="0" bordercolor="RED" cellspacing="单元格直接的距离">
           <tr rowspan="3">
               <td>单元格</td>
               <td>单元格</td>
           </tr>
           <tr>
               <td colspan="2">单元格</td>
               <td>单元格</td>
           </tr>
       <table/>

   ***表单标签（最重要）
       **<form action="服务器"><form/>表示表单的范围，开始结束
           **提交的服务器，可以使用属性：action
           **设置提交方式：可以使用属性：method 值get和post方式提交
           **文件上传的设置：属性 enctype

       *面试题：form标签提交的get和post方式的区别？
               get请求数据会在地址栏显示，
               get请求安全级别较低，post安全相对较高，
               get请求数据大小有限制，post请求没有大小的限制

       **<input type="不同类型"/>
           1，<input type="text"/>文本输入项
           2，<input type="password"/>密码输入项
           3，<input type="radio" name="sex" value="nan"/> 单选输入项1
               <input type="radio" name="sex" value="nv"/> 单选输入项2
               **必须有name，且name一致，默认选择用属性checked="checked"
               **除了有name属性，还有value属性
           4， <input type="checkbox" name="love" value="1"/>复选输入项
               <input type="checkbox" name="love" value="2"/>复选输入项2
               <input type="checkbox" name="love" value="3"/>复选输入项3
               **除了有name属性，还有value属性
               **默认选择状态可以使用属性checked="checked"
           5，<select name="xueli">下拉选择项
                   <option>--情选择--</option>
                   <option>下拉选择项2</option>
                   <option>下拉选择项3</option>
                   <option>下拉选择项4</option>
                   **这里也应该有value值

               </select>
           6，<textarea cols="几行" rows="几列" ></textarea>文本域

           7，<input type="file"/>文件输入项

           8，<input type="submit" value="按钮显示文字"/>提交按钮，提交到服务器

           9，<input type="image" src="图片地址">提交操作，图片提交

           10，<input type="reset" value="重置按钮名字"/>重置按钮，恢复表单的初始状态

           11，<input type="button" value="一个按钮">普通按钮，和js结合

           12，<input type="hidden" name="隐藏内容 ">隐藏项

           HTML中其他标签
           b 加粗
           u 下划线
           i 斜体
           s 删除线
           p 段落
           pre原样输出
           sub下标
           sup上标
           div自动换行
           span在一行显示

   **html的头标签
       title：标题
       base：设置超链接一些操作
       meta：提供页面有关的信息，比如关键字的搜索页面
       link：引用外部文件，经常和css一起使用

       ***框架标签
           把页面分成多个独立页面
               frameset:页面划分方式
                   属性rows
                       <frameset rows="30,*">
                   属性cols
                       <frameset cols="30,*">
               frame
                   <frame src="html路径"></frame>
       ***使用框架标签时，不能写在body内，也不能写在其外面，解决办法是去除body

       ***扩展标签 a
       如果访问网络资源加上"HTTP://"<a href=src="http://www.baidu.com">百度一下</a>
       对于浏览器不支持的协议，会在启动时在本地寻找所支持的应用程序

JAVAEE就业--HTML语言总结

标签：html

原文地址：http://blog.csdn.net/elsery/article/details/44062307

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行