博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html
阅读量:5224 次
发布时间:2019-06-14

本文共 4055 字,大约阅读时间需要 13 分钟。

html标签

- 
     编码,跳转,刷新,关键词,描述,ie兼容- -       标签-
##图标-
" -->

head标签

                      
    
  
  
first test               
  
            #引入css        #引入js

 

body内的基本标签

所有标签分为:块级标签: H系列(加大加粗) p便签(段落与段落之间有间距) 自己独占一行            行内标签(内联标签):span() 相邻之间无换行                             标签之间可以嵌套,标签存在的意义:定位操作,css操作,js操作
- 图标:                     空格        >              >        <               <        网页特殊符号代码大全:http://www.cnblogs.com/web-d/archive/2010/04/16/1713298.html        - p标签  

br标签 换行
- b标签 #加粗字体 - em 变斜体      -
标签 h1 h2 h3 h4 h5 h6 标签。加大加粗字体(h1到h6 字体依次减小)

.,,

- div 标签(块级标签,白板),- form 标签。。。表单提交- input 系列  
  

  - img 标签 <!-- 图片标签-->

    <a href="http://www.baidu.com" target='_blank'>   <!-- 点击图片时跳转的页面,_target表示在新标签中打开-->

        <img src="aa.jpg" title="图片标题" style="height: 200px;width: 200;" alt="ll">    <!-- src为图片路径,style为图片大小,alt为图片找不到时显示的内容-->

     </a>

 

  - 列表 标签

ul(对应li) ol(对应li) dl(对应dd,dt) 
      
  • ewr
  •   
      
  • eqr
  •   
  • ewr
  •   
  • eer
      
  1. a
  2.   
  3. e
  4.   
  5. d
  6.   
  7. c

 - 表格标签,table

常规写法

  <table border="1">

  <tr>

    <td>主机名</td>
    <td>端口</td>
    <td>操作</td>
  </tr>
  <tr>
    <td> nima</td>
    <td>80</td>
    <td><a href="http://www.baidu.com">te</a></td>
  </tr>
  <tr>
    <td>et</td>
    <td>80</td>
    <td>caozuo</td>
  </tr>
  <tr>
    <td>查看</td>
    <td>8080</td>
    <td>test</td>
  </tr>

 </table>

 

正规写法,tr 代表一行

  <table border="1">

    <thead>          <!--指定表头,第一行-->
      <tr>
        <th>1</th>
        <th>1</th>
        <th>1</th>
      </tr>
    </thead>

    <tbody>            <!--指定内容-->

      <tr>
        <td>1</td>
        <td>1</td>
        <td>1</td>
      </tr>
    </tbody>

 </table>

- fieldset && legend 标签

  <fieldset>

    <legend>
      登陆
    </legend>
    <label for="username">用户名:</label>
    <input id="username" type="text" name="user">
    <br/>
      <label for="pwd">密码:</label>
      <input id="pwd" type="text" name="pwd">

 

  </fieldset>

 

示例

##input 示例input type='radio'                    
input type='checkbox'
input type="reset" name="重置"           
input type="file"                   
  依赖于form表单的enctype="multipart/form-data" 属性 a 标签
百度
第一章
第二章 第三章 第四章
第一章的内容
第二章的内容
第三章的内容
第四章的内容
#table标签 1 1 1
1
1 1 1 1 1 1 div标签       #通过#div1跳转到一的内容
一的内容

 

form表单

 
单选框

请选择性别

男:
女:
##checked 为默认被选上
文件上传

sadf

男:
女:

爱好

baskerball
      #复选框 soccer
football
bike
ball

上传文件

    

 

转载于:https://www.cnblogs.com/FRESHMANS/p/8930809.html

你可能感兴趣的文章
Jquery操作cookie,实现简单的记住用户名的操作
查看>>
[BZOJ1196][HNOI2006]公路修建问题 二分答案+最小生成树
查看>>
【原创】大数据基础之Zookeeper(4)应用场景
查看>>
静态变量数组实现LRU算法
查看>>
中文系统 上传file的input显示英文
查看>>
比callback更简洁的链式执行promise
查看>>
android permission
查看>>
【译】在Asp.Net中操作PDF - iTextSharp - 使用字体
查看>>
.net 文本框只允许输入XX,(正则表达式)
查看>>
[BSGS][哈希]luogu P3846 可爱的质数
查看>>
Python 第四十五章 MySQL 内容回顾
查看>>
iostat参数说明
查看>>
Python-Mac 安装 PyQt4
查看>>
实验2-2
查看>>
String,StringBuffer与StringBuilder的区别?? .
查看>>
MongoDB遇到的疑似数据丢失的问题。不要用InsertMany!
查看>>
session token两种登陆方式
查看>>
IntelliJ IDEA 12集成Tomcat 运行Web项目
查看>>
android smack MultiUserChat.getHostedRooms( NullPointerException)
查看>>
实用的VMware虚拟机使用技巧十一例
查看>>