一、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. Java异常的限制

    Java异常的限制 我在看JAVA编程思想,讲到异常的限制,看的代码和解释,非常的难看下去,直接写了他的代码. java编程思想关于异常限制的逻辑 它以棒球比赛为例子. 定义了Inning(一局比赛) ...

  2. windows10安装.netframework3.5

    先挂载,看看挂载到哪个盘了,假设是I盘 然后按住shift 点鼠标右键,打开powershell,运行下面命令: dism.exe /online /enable-feature /featurena ...

  3. luogu P2762 太空飞行计划问题

    好像是最大权闭合图,也就是最大流最小割啦,找出最大流的路径输出,这题如何建模呢,一样的先设源点和汇点,源点向每个计划连capacity为赞助数的边,每个计划连相应装置capacity为无穷的边,每个装 ...

  4. Core data 如何查看ObjectId

    ObjectId是Core Data 为每一个数据对象提供的唯一ID标识,获取ObjectID.并打印的方法如下: 步骤: 1. 获取ManagedObject 2. ManagedObject -& ...

  5. php 打印格式化显示利器 <pre>

    当我们PHP调试的时候,用var_dump 或 print_r打印json数据或array数组时,html页面没有换行显示,看到的内容一大堆,不好定位. 输出前添加 <pre>,便可以自动 ...

  6. Verilog有符号整型数（signed int）比大小

    本文参考了https://blog.csdn.net/wenxinwukui234/article/details/42119265/ 关于2进制补码的思考和讨论. ================= ...

  7. Wireshark安装失败或找不到网络接口问题

    Wireshark安装失败或找不到网络接口问题 Wireshark捕获数据包,主要依赖Winpcap或Npcap组件.从Wireshark 3.0开始,Npcap代替了Winpcap组件,成为Wire ...

  8. 二十一 JDK注解&注解案例

    什么是注解? 注解和接口,类属于同一个级别 注解可以在变量.方法.类上加载 注解可以有属性也可以没有属性 注解是有作用范围(源码.编译期间,运行期间) 源码期间:例如String类上@Author  ...

  9. JavaScript 词法句法

    JavaScript 中的几个重要概念 JavaScript 遵循 ECMA-262 规范,目前其最新版是 ECMAScript 2018,而获得所有主流浏览器完全支持的则是 ECMAScript 5 ...

  10. JuJu团队1月9号工作汇报

    JuJu团队1月9号工作汇报 JuJu   Scrum 团队成员 今日工作 剩余任务 困难 飞飞 将示例程序打包成exe 将crossentrophy和softmax连接起来 无 婷婷 -- 完善ma ...