zoukankan      html  css  js  c++  java
  • 常用html标签

    媒体标签

    飘动标签

    超链接标签

    图片标签

    表格标签

    框架标签

    表单标签

    媒体标签:
    <embed></embed>
    hidden 设置隐藏插件是否隐藏。
    src :用于指定音乐的路径

    <embed src="1.mp3" ></embed>

    飘动标签

    <marquee>
    direction : 指定飘动的方向
    scrollamount : 指定飘动的速度。
    loop :指定飘动的次数

    <marquee loop="-1" scrollamount="30" direction="right"><font size="+6" color="red"> 我飞起来了...</font></marquee>

     超链接标签
    <a>
    a标签常用的属性:
    href : 用于指定链接的资源
    target: 设置打开新资源的目标。 _Blank 在独立的窗口上打开新资源 _self 在当前窗口打开新资源

    file: file协议(文件协议)这种协议主要是用于搜索本地机器的资源文件的。

    格式:
    file:\f:美女1.jpg

    a标签的原理:
    1. a标签的href属性值如果是以http开头的,那么浏览器会马上启动http解释器去解释该网址,首先
    会在本地机器去找一个hosts文件, 如果在hosts文件上该域名没有对应的主机,那么浏览器就去到对应的
    dns服务器去寻找该域名对应的主机号。如果找到了对应的主机,那么该请求就会发给对应的主机。


    2. 如果a标签的href属性值没有以任何协议开头,那么浏览就会启动file协议解释器去解释该资源路径。

    3. 如果a标签的href属性值并不是以http开始,而且其他 的一些协议,那么这时候浏览器就回去到我们本地的注册
    表中去查找是否有处理这种协议 的应用程序,如果有,那么马上启动该应用程序处理该协议。

    邮件 的协议: mailTo
    迅雷的协议: thunder

    超链接标签的作用:
    1. 可以用于链接资源。
    2. 锚点点位.
    1. 首先编写一个锚点 锚点的格式: <a name="锚点名字"> 数据</a>
    2. 使用a标签 的href属性连接到锚点出。 href=”#锚点的名字“


    图片标签:
    <img>
    img标签常用的属性:
    width: 设置图片宽度
    height 设置图片高度
    alt: 如果图片资源无法找到,那么就显示对应的文字对图片进行说明。

    热点图:点击图片就可链接到另一个地址


    表格标签
    <table>
    表格使用到的标签:
    <table> 表格
    <tr> 行
    <td> 单元格
    <th> 表头 默认的样式是居中,加粗。
    <caption> 表格的标题


    表格常用的属性:
    border 设置表格的边框
    width : 设置表格的宽度
    height: 设置表格的高度的。
    colspan: 设置单元格占据指定的列数。
    rowspan : 设置单元格占据指定的行数。


    框架标签
    frameSet : 一个frameSet可以把一个页面切割成多份。
    只能按照行或者列切割。


    frame 不能被切割的。 frame是位于frameSet中。

    iframe: 在一个网页中分隔一部分的位置显示另外一个网页的的信息。

    注意: frameSet标签不能用于body标签体内容。


    表单标签:

    表单标签的作用是用于提交数据给服务器的。

    表单标签的根标签是<form>标签

    常用的属性:
    action: 该属性是用于指定提交数据的地址。
    method: 指定表单的提交方式。
    get : 默认使用的提交方式。 提交的数据会显示在地址栏上。
    post : 提交的数据不会显示在地址栏上。


    注意: 表单项的数据如果需要提交到服务器上面,那么表单项必须要有name的属性值。

     1 </head>
     2 <body>
     3 <form action="http://www.baidu.com" method="post">
     4 <!-- 文本输入框 单行-->
     5 用户名:<input name="userName" type="text"/><br/>
     6 <!-- 密码框 -->
     7 密码:<input name="password" type="password"/><br/>
     8 <!-- 单选框 -->
     9 性别: 男<input checked="true" value="man" name="sex" type="radio"/><input name="sex" value="woman" type="radio"/><br/>
    10 <!-- 下拉框 -->
    11 来自的城市:<select name="city">    
    12 <option value="BJ">北京</option>
    13 <option value="SH">上海</option>
    14 <option value="GZ">广州</option>
    15 <option value="SZ">深圳</option>
    16 </select><br/>
    17 <!-- 复选框 同一组的复选框name的属性值要一致 -->
    18 兴趣爱好:java <input value="java" name="hobit" checked="checked" type="checkbox" />javascript <input type="checkbox" value="javascript" name="hobit" />android <input value="android" name="hobit" type="checkbox" /><br/>
    19 <!-- 文件上传框-->
    20 大头照:<input name="image" type="file" /><br/>
    21 个人简介:
    22 <!-- 文本域 -->
    23 <textarea name="intro" rows="10" cols="30"></textarea><br/>
    24 
    25 <!-- 提交按钮 -->
    26 <input type="submit" value="注册"/>
    27 <!-- 重置按钮 -->
    28 <input type="reset" value="重置"/>
    29 
    30 </form>
    31 </body>
    32 </html>
    View Code
  • 相关阅读:
    从零开始学JavaScript(一)- 理解函数
    Mootools--学习笔记(1)
    JS详解Date应用+定时器原理+计时器案例
    原生JS写伪验证码(加详细注释)~~~~~~~~~~~~~~~~
    详解JavaScript字符串!!!!!!!!和相关demo详解
    模拟children方法,实现获取指定元素下元素节点!
    关于数组去重的两种写法的思想!!!!!!
    冒泡排序的写法!!!!!
    开始写博客啦,不为出名,只为记录点滴的学习日常,留给未来的的自己
    跨平台渲染框架尝试
  • 原文地址:https://www.cnblogs.com/gzc911/p/4963359.html
Copyright © 2011-2022 走看看