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

<IDOCTYPE html>

<html>

    <head>

        title></title> 标题

    </head>

    <body>

        显示数据

    </body>

</html>

二、HTML常用的标签

<h1> ------> <h6>标题

    例：<h1>这是标题1<h1>

<hr>                横线

<br>                换行

<title></title>  标题头

<meta charsent="utf-8">   使用utf-8字符编码

<script type="text/javascrpe">   在网页弹出窗口

    alert("你被攻击了")

</script>

<p></p>         段落标签，会换行

<a></a>   链接标签 例：<a href="https://www.baidu.com">百度一下</a>

<img />     图片标签 例：<img src="图片地址" /> </img>

<img src=# width= "1000" height="1000">  改变图片大小

<!-- -->      注释标签

三、表格

<table border="1" cellspacing="10" cellpadding="10">

    <!--width   　　  表示表格的宽度

        border   　　　表示外边框的粗细

        cellspadding   内边框与外边框间距的大小

        cellpadding     内边框与数据内容的距离

    -->

    <tr>

        <th><!--表头（会加粗居中）-->

        </th>

    </tr>

    <tr><!--表示行-->

        <td style="

            font-synthesis: ; 字体

            font-size: ；字号

            color:; 字色

            border-bottom:1px dashed #ccc; 加一条虚线"><!--表示列-->

            这是表格

            &nbsp    表示空格

        </td>

    </tr>

</table>

　　1、合并列

<table border="1">

    <tr>

        <td colspan="2">1</td><!-- colspan 用于合并列 -->

    </tr>

    <tr>

        <td>3</td>

        <td>4</td>

    </tr>

</table>

　　2、合并行

<table border="1">

    <tr>

        <th>name</th>

        <th>age</th>

        <th>addr</th>

    </tr>

    <tr>

        <td>张三</td><!-- rowspan 用于合并行 -->

        <td rowspan="2">24</td>

        <td>qwe</td>

    </tr>

    <tr>

        <td>李四</td>

        <td>asd</td>

    </tr>

</table>

　　3、列表的有序无序

<table>

    <ul><!--无序列表-->

        <li>第一</li>

        <li>第二</li>

    </ul>

    <ol><!--有序列表-->

        <li>第一</li>

        <li>第二</li>

    </ol>

</table>

　　4、表单

表单：搜集用户的信息<br>

<form name="input_data" action="index.php" method="get">

    <!--

        action：表示数据提交到哪个页面

        method：提交数据的方式，get（数据参数拼接url），post（数据参数放在请求内容中，在url中看不到发送的数据）-->

    <label>姓名：</label>

    <input type="text" name="name"><!--文本域-->

    <br>

    <label>密码：</label>

    <input type="password" name="pwd">

    <br>

    <input type="radio" name="gender" value="1">男<br>  <!--按钮-->

    <input type="radio" name="gender" value="0">女<br>

    <input type="radio" name="gender" value="01">不知道<br>

    爱好：<br>

    <input type="checkbox" name="aihao" value="lanqiu">篮球<br>

    <input type="checkbox" name="aihao" value="zuqiu">足球<br>

    <input type="checkbox" name="aihao" value="pingpangqiu">乒乓球<br>

    提交：

    <input type="submit" name="sub" style="" value="提交"><br>

</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. Adroid ViewPage+GridView实现每页6个元素，三页滑动切换

    //}//public class MainActivity extends Activity {// private static final float APP_PAGE_SIZE = 16.0f ...

  2. webpack 4 脚手架搭建

    1.在cmd控制台安装环境  npm install express (这是一个本地服务器配置) 2.在src 文件夹下建 mian.js 和 express.js 两个jS文件

  3. stm32 解析sbus

    转载 https://blog.csdn.net/Brendon_Tan/article/details/89854751 STM32 Futaba SBUS协议解析1. S.BUS1.1 协议介绍 ...

  4. [经验] 使用 jQuery+JSON 实现国际化

    技术选型关键词:  [spring boot] [jQuery] [JSON] [JSP] 前言: 关于国际化, 我在一开始的时候就有一个误解, 我认为所谓国际化就是编写一段高技术含量的代码, 然后这 ...

  5. 联想电脑硬盘保护系统EDU8.0.1iso安装

    管理306机房4年了,15年我带领的第一批学生参加吉林省职业院校技能大赛的时候,领导把这个机房交给我负责.那个时候这个机房的机器是全校的顶配,30台DELL16G内存,2T硬盘,I7处理器,后面是6组 ...

  6. ch5 创建类似按钮的链接

    锚是行内元素,所以只有在单击链接的内容时它们才会激活,如果可以实现为按钮的效果,就可以有更大的可单击区域,实现方法为:display设置为block,修改width.height和其他属性,代码如下: ...

  7. class中static总结-静态成员函数和静态成员变量

    C++规定const静态类成员可以直接初始化,其他非const的静态类成员需要在类声明以外初始化,我们一般选择在类的实现文件中初始化,初始化的方式是书写一遍类型的定义: //A.cpp ); //使用 ...

  8. Day9 - D - Piggy-Bank POJ - 1384

    Before ACM can do anything, a budget must be prepared and the necessary financial support obtained. ...

  9. SQL批量插入表类 SqlBulkInsert

    ado.net已经有了sqlBulkCopy, 但是那个用xml格式,网络传输数据量太大. 自己实现了一个,传输尽量少的字节. 性能没对比过,有需要的自己拿去测试. using System.Data ...

  10. 每个项目中，你必须知道的11个Java第三方类库。

    Java第三方library ecosystem是一个很广阔的范畴.不久前有人撰文:每个项目中,你必须知道的11个Java第三方类库. 单元测试 1.DBUnit DBunit是一个基于junit扩展 ...