一、HTML：超文本标记语言，是一种标签语言，不是编程语言，显示数据有双标签<body></body> 和单标签<img src=# / >， 标签大小写都可以
通过浏览器解析HTML代码，在<body>标签中数据会被显示出来

  1. <IDOCTYPE html>
  2. <html>
  3.     <head>
  4.         title></title> 标题
  5.     </head>
  6.     <body>
  7.         显示数据
  8.     </body>
  9. </html>

二、HTML常用的标签

  1. <h1> ------> <h6>标题
  2.     例：<h1>这是标题1<h1>
  3. <hr>                横线
  4. <br>                换行
  5. <title></title>  标题头
  6. <meta charsent="utf-8">   使用utf-8字符编码
  7. <script type="text/javascrpe">   在网页弹出窗口
  8.     alert("你被攻击了")
  9. </script>
  10. <p></p>         段落标签，会换行
  11. <a></a>   链接标签 例：<a href="https://www.baidu.com">百度一下</a>
  12. <img />     图片标签 例：<img src="图片地址" /> </img>
  13. <img src=# width= "1000" height="1000">  改变图片大小
  14. <!-- -->      注释标签

三、表格

  1. <table border="1" cellspacing="10" cellpadding="10">
  2.     <!--width   　　  表示表格的宽度
  3.         border   　　　表示外边框的粗细
  4.         cellspadding   内边框与外边框间距的大小
  5.         cellpadding     内边框与数据内容的距离
  6.     -->
  7.     <tr>
  8.         <th><!--表头（会加粗居中）-->
  9.         </th>
  10.     </tr>
  11.     <tr><!--表示行-->
  12.         <td style="
  13.             font-synthesis: ; 字体
  14.             font-size: ；字号
  15.             color:; 字色
  16.             border-bottom:1px dashed #ccc; 加一条虚线"><!--表示列-->
  17.  
  18.             这是表格
  19.  
  20.             &nbsp    表示空格
  21.  
  22.         </td>
  23.     </tr>
  24. </table>

　　1、合并列

  1. <table border="1">
  2.     <tr>
  3.         <td colspan="2">1</td><!-- colspan 用于合并列 -->
  4.  
  5.     </tr>
  6.     <tr>
  7.         <td>3</td>
  8.         <td>4</td>
  9.     </tr>
  10. </table>

　　2、合并行

  1. <table border="1">
  2.     <tr>
  3.         <th>name</th>
  4.         <th>age</th>
  5.         <th>addr</th>
  6.     </tr>
  7.     <tr>
  8.         <td>张三</td><!-- rowspan 用于合并行 -->
  9.         <td rowspan="2">24</td>
  10.         <td>qwe</td>
  11.     </tr>
  12.     <tr>
  13.         <td>李四</td>
  14.  
  15.         <td>asd</td>
  16.     </tr>
  17. </table>

　　3、列表的有序无序

  1. <table>
  2.     <ul><!--无序列表-->
  3.         <li>第一</li>
  4.         <li>第二</li>
  5.     </ul>
  6.  
  7.     <ol><!--有序列表-->
  8.         <li>第一</li>
  9.         <li>第二</li>
  10.     </ol>
  11. </table>

　　4、表单

  1. 表单：搜集用户的信息<br>
  2. <form name="input_data" action="index.php" method="get">
  3.     <!--
  4.         action：表示数据提交到哪个页面
  5.         method：提交数据的方式，get（数据参数拼接url），post（数据参数放在请求内容中，在url中看不到发送的数据）-->
  6.     <label>姓名：</label>
  7.     <input type="text" name="name"><!--文本域-->
  8.     <br>
  9.     <label>密码：</label>
  10.     <input type="password" name="pwd">
  11.     <br>
  12.     <input type="radio" name="gender" value="1">男<br>  <!--按钮-->
  13.     <input type="radio" name="gender" value="0">女<br>
  14.     <input type="radio" name="gender" value="01">不知道<br>
  15.  
  16.     爱好：<br>
  17.     <input type="checkbox" name="aihao" value="lanqiu">篮球<br>
  18.     <input type="checkbox" name="aihao" value="zuqiu">足球<br>
  19.     <input type="checkbox" name="aihao" value="pingpangqiu">乒乓球<br>
  20.  
  21.     提交：
  22.     <input type="submit" name="sub" style="" value="提交"><br>
  23. </form>

html 基础 （9.19 第八天）的更多相关文章

  1. 我的Python成长之路---第六天---Python基础（19）---2016年2月20日（晴）

    shelve模块 shelve模块是pickle模块的扩展,可以通过key,value的方式访问pickle持久化保存的数据 持久化保存: 1 2 3 4 5 6 7 8 9 10 11 12 13 ...

  2. Java 基础【19】代理

    Java 代理(Proxy)模式与现实中的代理含义一致,如旅游代理.明星的经纪人. 在目标对象实现基础上,增加额外的功能操作,由此来扩展目标对象的功能. JavaWeb 中最常见的过滤器.Struts ...

  3. Java基础教程(19)--Object类

      Object类位于类结构树的最顶端,所有的类都是它的直接或间接子类,因此所有的类都继承了Object类的方法,我们可以在需要的时候覆盖这些方法.下面是一些将会在本文中讨论的Object类的方法: ...

  4. 夯实Java基础系列19：一文搞懂Java集合类框架，以及常见面试题

    本系列文章将整理到我在GitHub上的<Java面试指南>仓库,更多精彩内容请到我的仓库里查看 https://github.com/h2pl/Java-Tutorial 喜欢的话麻烦点下 ...

  5. python基础学习19,01

    听说python入门很容易,所以想试试对我这个零基础会不会很友好呢.做随笔也顺便督促自己不要轻易放弃学习. #登录接口 print("请输入用户名密码") _username = ...

  6. 『学了就忘』Linux基础命令 — 19、目录操作的相关命令

    目录 1.ls命令 2.cd命令 (1)绝对路径和相对路径 (2)cd命令的简化用法 3.pwd命令 4.mkdir命令 5.rmdir命令 常用目录操作的相关命令: ls命令 cd命令 pwd命令 ...

  7. java基础4.19

    1.JAVA 的反射机制的原理. JAVA反射机制是在运行状态中,对于任意一个类,都能够知道这个类的所有属性和方法:对于任意一个对象,都能够调用它的任意一个方法:这种动态获取的信息以及动态调用对象的方 ...

  8. mysql 开发基础系列19 触发器

    触发器是与表有关的数据库对象,触发器只能是针对创建的永久表,而不能是临时表. 1.1 创建触发器 -- 语法: CREATE TRIGGER trigger_name trigger_time tri ...

  9. .NET基础 （19）多线程

    多线程编程的基本概念1 请解释操作系统层面上的线程和进程2 多线程程序在操作系统里是并行执行的吗3 什么是纤程 .NET中的多线程1 如何在.NET程序中手动控制多个线程2 如何使用.NET的线程池3 ...

随机推荐

  1. 第1节 storm编程：8、storm的分发策略

    8. Storm的分发策略 Storm当中的分组策略,一共有八种: 所谓的grouping策略就是在Spout与Bolt.Bolt与Bolt之间传递Tuple的方式.总共有八种方式: 1)shuffl ...

  2. 大公司病，为什么要PPT背锅？

    新东方年会上,一曲吐槽式的<释放自我>火遍网络,据说这六位员工,是冒着被解雇的风险完成演出的,歌词内容涉及到非常敏感的大企业病,如机构臃肿.效率低下.内耗甩锅.拍领导马屁等等,而最高潮的部 ...

  3. 二十、oracle通过复合索引优化查询及不走索引的8种情况

    1. 理解ROWID ROWID是由Oracle自动加在表中每行最后的一列伪列,既然是伪列,就说明表中并不会物理存储ROWID的值:你可以像使用其它列一样使用它,只是不能对该列的值进行增.删.改操作: ...

  4. python默认参数问题

    我们在定义默认参数时,有时会遇到一写似乎难以理解的问题.比如,在第二次调用函数时,默认参数记住了上一次执行的结果: >>> def test(L=[3,]): ... L.appen ...

  5. Eclipse设置jvm参数的三种方式

    方式1. 修改Elipse运行JRE默认JVM参数打开Eclipse,选择Window--Preferences...在对话框左边的树上双击Java,再双击Installed JREs,在右边选择前面 ...

  6. uni-app小程序滑动事件

    <view class="relative" @touchmove="handletouchmove" @touchstart="handlet ...

  7. Spring中的BeanPostProcessor和BeanFactoryPostProcessor

    BeanPostProcessor BeanFactoryPostProcessor 标准ioc容器初始化之后的后置处理器 BeanDefintionRegisterPostProcessor 在所有 ...

  8. OS、浏览器排名：Win10狂飙、Chrome逆天

    根据 Netmarketshare公布的最新数据,2019年7月,Windows 10系统市场份额获得显著增长,市场份额创下新高:Windows 7则进一步衰退,份额下滑高达3.6%,这也是其历史上最 ...

  9. Ubuntu下C++编译指令总结

    本实例只是简单的调用了一个libcurl.a的静态库,实例代码如下: #include <curl/curl.h> #include <iostream> using name ...

  10. ErrorCode=-2147217900 表已存在.

    ErrorCode=-2147217900 表已存在. 在导出excel时遇到这个问题. 原因是dataTable的TableName中有减号 "-"