香港澳门葡京网址HTML常见标签

香港澳门葡京网址HTML常见标签

URL的组成

http://192.168.100.87:8080/page.html
协议   服务器的ip地址   端口  请求的页面
  • 浏览器将服务器返回来的response进行从上到下的分析(渲染),最后用页面显示出来。

HTML的一定结构

<!DOCTYPE>
<html>
    <head>
        <title></title>
    </head>
    <body>
    </body>
</html>

HTML标题

  • 标题:通过<h1> - <h6>顶标签进行定义。
  • 作用:在页面上盖标题的款型展示文字。

HTML段落

  • 段是通过<p>标签进行定义之。
  • 打算:用来号当前页面及有一样执行文字吗一个段落。

hr标签

  • 意:在页面及显示平漫漫横线

br标签

  • 作用:换行

别标签

  1. B:加粗
  2. U:下划线
  3. I:倾斜
  4. S:删除线
    (不建议采取)

  1. strong:加粗
  2. em:倾斜
  3. ins:下划线
  4. del:删除线

香港澳门葡京网址 1

img图片标签

  • src:图片的门道
  • alt:如果显示不发生图时,显示是特性被之亲笔
  • title:介绍就张图

a标签(超链接)

  • 企图:可以以一个页面被越反到任何一个页面。
  • <a href="页面的路径">此处必要要有文字</a>
  • 留神:在a标签中必使写文字,如果没,那么这个标签在页面及搜不顶。
  • a标签可以免超越反(跳反至当下页面) href="#"
  • a标签在祥和之页面进行定位:
    1. 设置a标签的`href=”#id”;
    2. 每当页面的指定位置在一个目标标签;
    3. 得吃此标签设置一个id名:<p id="mubiao">这是目标</p>
  • target="_blank"跳反至一个新的页面;
  • target="_self"以手上页面进行跳转;

base标签

  • 也页面上有所的a标签设置跳转方式

ul和li标签

  • ul是无序列表,li是概念列表项目
  • ul中之type属性的价值:
    1. circle : 空心小圆圈
    2. square : 方块
    3. disc : 实心微微周

ol有序列表标签

  • ol是平稳列表
  • ol中之type属性的价:
    1. a : 以a b c..的形式
    2. 1 : 以1 2 3..的形式
    3. A : 以A B C..的形式
  • ol中的start属性表示序号从几开头

dl和dt自定义列表标签

<dl>
            <dt>帮助中心</dt>
            <dt>在线客服</dt>
            <dt>订单操作</dt>
        </dl>

table表格标签

<table border="1" width="500" height="300" cellspacing="0" cellpadding="20" align="center">
            <caption>表头</caption>
            <tr align="center">
                <td colspan="2">张三</td>
                <td>18</td>
                <td rowspan="3">挖掘机</td>
            </tr>
            <tr>
                <td>马六</td>
                <td>19</td>
                <td>.net</td>
            </tr>
</table>
  • caption:定义表格的表头
  • border:规定表边框的粗细(宽度)
  • width:表的小幅
  • height:表的惊人
  • cellspacing:规定单元格之间的空域
  • cellpadding:规定单元边沿与该情之间的空
  • align:表格相对周围元素的指向齐方式
  • bgcolor:表格的背景色
  • colspan:很同一行上之不过元格
  • rowspan:合并同一列上的单独元格
  • bordercolor:边框的颜料
  • valign:内容的针对齐垂直对齐方式

th表格标题标签

  • 于是法以及td一样,但是文字会自动加多少水平在中针对一起

thead、tbody、tfoot标签

  • thead:定义表格的表头;
  • tbody:表格主体(正文)
  • tfoot:定义表格的页脚

    <table border="1">
      <thead>
    <tr>
      <th></th>
      <th></th>
    </tr>
      </thead>
      <tfoot>
    <tr>
      <td></td>
      <td></td>
    </tr>
      </tfoot>
      <tbody>
    <tr>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
    </tr>
      </tbody>
    </table>
    

    平凡三单共同行使

embed音乐标签

  • src:指定音乐的来
  • hidden:是否隐藏播放器界面

marquee滚动标签

  • behavior属性设置滚动方式:
    • alternate:在彼此之间往来滚动
    • scroll:由同端滚动到任何一头,会重
    • slide:由同样端滚到另外一面,不又
  • direction属性设置滚动的取向
    • down:向下滚动
    • left:向左滚动
    • right:向右侧滚动
    • up:向上滚动
  • loop设置滚动的次数:-1代表一直滚动下去

DOCTYPE文档类型

  • 企图:告知浏览器采用的哪种标准

  • HTML三种植标准:

    • HTML Strict
      DTD:请求于谨慎的HTML类型(不提倡用于淘汰的价签)
    • HTML Transitional DTD:相对而言比较正规非极端严谨
    • Frameset DTD:使用框架时用到
  • XHTML(相对HTML更严谨)

link标签

  1. 援外部的css
  2. 引用title图片:
    <link rel="icon" href="1.icon">

meta标签

  • 意:可以供页面的初次信息,比如比如搜索引擎和更新频度的叙说和重大词。

  • <meta name="Generator" contect="">用来证明变化工具

  • <meta name="KEYWords" content="">向搜索引擎说明您的网页的最主要词。
  • <meta name="DEscription" content="你的名字">告知引擎你的站点的造作的作者
  • <meta name="Robots" content="all|none|index|noindex|follow|nofollow">
    • all:文件将给摸,且页面上的链接可以给询问;
    • none:文件拿无受搜,且页面上之链接不得以让询问;
    • index:文件拿吃寻找;
    • follow:页面及之链接可以于询问;
    • noindex:文件将未为摸,但页面上的链接可以叫询问;
    • nofollow:文件拿无受搜,页面及之链接可以为询问;

表单域

<form action="1.php" method="post">
        用户名:<input type="text" name="username" value="username" maxlength="8" />
        <br />
        <br />
        密&nbsp;码:<input type="password" name="pwd" value="pwd" max="20" />
        <br />
        <br />
        <input type="radio" name="gender" />男
        <input type="radio" name="gender" checked="checked" />女
</form>
  • action:处理信息
  • method=”post|get”
    :get通过地方栏提供信息,安全性差;post通过1.php来处理信息,安全性高。

input

  • maxlength:限制输入的字符长度
  • readonly:将输入框设置为特念状态(不能够输入)
  • disable:未激活状态(不可知使)
  • name:当前输入框的标识
  • value:输入框的价值
  • radio是单选,对个radio时,将name的值设为同,可是落实单选效果
  • checked:设置默认选中

select

<select>
    <optgroup label="北京市">
        <option>昌平区</option>
        <option>朝阳区</option>
        <option>海淀区</option>
    </optgroup>
    <optgroup label="广州市">
        <option>昌平区</option>
        <option>海淀区</option>
        <option>大兴区</option>
    </optgroup>
</select>
  • select:下拉列表
  • multiple:设置多选
  • option:下拉列表中的起
  • optgroup:分组,label是拖欠组的讲述

多选框

<!-- 多选框 -->
<input type="checkbox" checked="checked" />喝酒
<input type="checkbox" checked="checked" />抽烟
<input type="checkbox" checked="checked" />打牌
  • checkbox是只是选框,checked是选中

差不多创作本框

<textarea cols="30" rows="10"></textarea>

  • cols:规定文本框的可见文本行数
  • rows:规定文本的可见宽度

文件及污染控件

<!-- 文件上传控件 -->
<input type="file" />

文本提交按钮

<!-- 文件提交按钮 -->
<input type="submit" />

图按钮

<!-- 图片按钮 -->
<input type="image" src="按钮.jpg" />

重置按钮

<!-- 重置按钮 -->
<input type="reset" />

fieldest标签

<fieldest>
<legend>分组信息</legend>
...
</fieldest>
  • 针对表单信息进行分组
  • legend:表单信息分组名称
admin

网站地图xml地图