一、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. HBase基准测试

    执行命令: hbase org.apache.hadoop.hbase.PerformanceEvaluation 返回信息: [root@node1 /]# hbase org.apache.had ...

  2. Java的equals方法实现及其细节

    判断两个对象是否等价,是OOP编程中常见的需求(下面围绕Java来进行阐述). 考虑这样几种情况:通过某个特征值来判断两个对象是否“等价”,当这两个对象等价时,判断结果为true,否则结果为false ...

  3. 从0开始完成SpringBoot+Mybatis实现增删改查

    1.准备知识: 1)需要掌握的知识: Java基础,JavaWeb开发基础,Spring基础(没有Spring的基础也可以,接触过Spring最好),ajax,Jquery,Mybatis. 2)项目 ...

  4. Java HotSpot(TM) Client VM 与 server VM 的配置

    在Linux 6.5 下安装Elasticsearch 出现错误: JVM is using the client VM [Java HotSpot(TM) Client VM] but should ...

  5. 「SP1043」GSS1 - Can you answer these queries I

    传送门 Luogu 解题思路 这题就是 GSS3 的一个退化版,不带修改操作的区间最大子段和,没什么好讲的. 细节注意事项 咕咕咕 参考代码 #include <algorithm> #i ...

  6. php 实现店铺装修1

    一.原型分析 1.店铺未装修的情况下,使用默认样式,哪个是默认样式由后台告知: 2.所有的样式由后台进行维护(但后台始终有一个默认样式,不可删除不可编辑),所有样式,只要用户未编辑过,则默认按照商品的 ...

  7. Lesson 44 Patterns of culture

    What influences us from the moment of birth? Custom has not commonly been regarded as a subject of a ...

  8. LeetCode242 有效的字母异位词（Java字符数组排序&自定义排序记录）

    题目: 给定两个字符串 s 和 t ,编写一个函数来判断 t 是否是 s 的字母异位词.   示例 1: 输入: s = "anagram", t = "nagaram& ...

  9. 移动端 三段式布局 （flex方式）

    分享一种平时用的三段式布局(flex) 主要思路是  上中下    header&footer 给高度  main 占其余部分 html 部分 <div class='wrap'> ...

  10. 051、Java中使用while循环实现1～100的累加

    01.代码如下: package TIANPAN; /** * 此处为文档注释 * * @author 田攀 微信382477247 */ public class TestDemo { public ...