Java Web全记录(1)-HTML标签

1. 常用标签的使用记录

  1. 标签必须要正确的关闭和闭合,例如:<div> </div>;<hr/>

  2. <br>进行换行;

  3. &nbsp是表示空格(在html页面上显示的时候);

  4. <h1>到<h6>是标题标签,可以表示标题字体的大小(h1最大,h6最小);

  5. 超链接<a href=“跳转的网址”>链接跳转时的名字;在超链接中有几种常见的target值(_self 当前页面,_blank 打开新的页面,_parent 当前页面打开,_top 当前页面打开);

  6. <ul></ul>无序的列表,<ol></ol>有序列表;

  7. <img src=“图片路径”></img>;可以设置边框border;alt属性是指定当像找不到时,可以显示alt的内容;

  8. <table>
    <tr>
    <th></th>表示表头;
    <td> </td>单元格;
    </tr>表示行;
    </table>表格;border属性是边框;
    colspan属性可以跨列,一般写在<td>标签里面,rowspan属性跨行;

  9. iframe标签,可以在页面上开辟一个小区域,单独显示一个页面;
    iframe 和 a标签同时使用,可以这样来(用name为iframe标明名字,然后就可以在a标签中的target中使用,在我看来target属性就是用来指定页面打开的位置的,也不知道理解对不对):

<iframe name="dxs" height="500" width="500" src="NewTest.html"></iframe><br/>
<a href="iframeTest.html" target="dxs">这是用来测试</a> 

点击超链接前:
图片消失了就说明都没了
超链接点击后:
完全没有描述

  1. form标签创建表单;action属性表示服务器的位置,method属性表示方法;表单里面的项也要用name属性;而且最好设置好默认值(value);
  2. input是一中可以有很多种类的输入形式,比如:输入框,密码框,复选框等,如果发送的某些消息不需要用户参与,也可以使用type="hidden"将信息隐藏起来,直接发到数据库。
  3. select标签是下拉列表框,通过selected="selected"设置默认选项。在其中还要使用到option标签;
    select以及option的用法
  4. textarea标签是多行文本输入框;rows属性表示显示几行的高度;多行文本框中,默认值是标签中间的内容<textarea> 这里面是默认内容</textarea>
  5. div标签:用于分块,span:同样可用于分块,p标签:段落标签;

2. CSS样式

  1. 包含的角色:选择器,属性和值;
  2. 通过Style属性设置css格式;在head标签中定义一个Style用来定义需要的css;如下:
 <style>
        p{/*这里是指定了段落标签*/
            border: 1px solid red;
            color:red;
        }
    </style>

扫描二维码关注公众号,回复: 11483614 查看本文章
  1. 想要引入外部的css文件,可以使用link标签;
  <link rel="stylesheet" type="text/css" href="css的路径"/>
  1. 在Style标签的选择器里面:.和class属性配合使用,#和id配合使用;
  2. div居中:margin-left:auto;margin-right:auto;文字居中:text-align:center;

猜你喜欢

转载自blog.csdn.net/dxsdcyy/article/details/107283217