<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>显示在网页头上</title>
</head>
<body>
任何标签都有三个属性
<br>1.id
<br>2.style
<br>3.class 样式
<br>
<h1>1.h标签标题标签</h1>
<h1>html学习</h1>
<h2>html学习</h2>
<h3>html学习</h3>
<h4>html学习</h4>
<h5>html学习</h5>
<h6>html学习</h6>

<!--2.img标签,可本地图片，也可网上链接图片--><br>
<img src="1236.jpg" alt="图片出现问题说明" title="图片提示">

<!--3.a标签，前网页可以跳转标签,#号加标签id，也可以跳转网页,默认当前页打开，target="_blank"在另外标签打开--><br>
<a href="#a2">转转标签a1</a> <br>
<a href="https://www.baidu.com/" target="_blank"> 跳转百度 </a> <br>
<a href="" id="a2">转转标签a2</a><br>

<!--4.加粗标签--><br>
<b> 加粗b </b>
<!--5.斜体标签--><br>
<i> 斜体i </i>
<!--5.下划线标签--><br>
<u>下划线u</u>
<!--6. 删除线标签--><br>
<s>删除线s</s>
<!--7.段落标签-->
<p>段落p</p>
<!--8.换行标签-->
<br>换行标签br
<!--9.水平线标签hr--><br>
<hr>
水平线标签hr
<br> ol序列列表
<ol type="1">
    <li>aaaaa</li>
    <li>bbbbb</li>
    <li>ccccc</li>
    <li>ddddd</li>
    <li>fffff</li>
</ol>
<br> ul非序列列表
<ul type="square">
    <li>aaaaa</li>
    <li>bbbbb</li>
    <li>ccccc</li>
    <li>ddddd</li>
    <li>fffff</li>
</ul>
<br> ul非序列列表
<ul type="square">
    <li>表格说明，table</li>
    <li>thead表头，</li>
    <li>tr列</li>
    <li>th行</li>
    <li>tbody表体</li>
</ul>
<br>table标签
<table border="1">
    <thead>
    <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>爱好</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>小明</td>
        <td>20</td>
        <td>学习</td>
    </tr>
    </tbody>
    <tbody>
    <tr>
        <td>小明</td>
        <td>20</td>
        <td>学习</td>
    </tr>
    </tbody>
</table>

<h1> 标签*数量按tab键就是多个</h1>
<h1>格式化 Code--->Reformat code </h1>

<h3>标签的嵌套规则
    <br> 1.行内标签不能嵌套
    <br> 2.p标签不能嵌套块级标签
</h3>
<p>
    <br>HTML 标签
    <br>1.单标签和双标签
    <br>2.内联标签和块级标签(是否独占一行)
    <br>内联：span img a b
    <br>块标：div h1-h6 p hr ul li ol
    <br>嵌套规则：
    <br>1.内联的不能套块
    <br>2.p不能套块
    <br>3.展示用的和交互用的
    <br>4.table标签
    <br>5.列表
    <br>1.ul
    <br>2.ol
    <br>3.dl
    <br>6.特殊符号
    <br>1.&nbsp
    <br>2.&copy
    <br>3.&reg
    <br>4.&lt
    <br>5.&gt
</p>  <!--数据格式 enctype="multipart/form-data"，上传文件必选这个属性 -->
<form action="提交的地址" method="post" enctype="multipart/form-data">

    <p>用户名 type="text"
        <br>placeholder="小明"--->设置占位内容
        <br>value="小明"---->设置默认值
        <br><input type="text" name="username">
        <br><input type="text" name="username" placeholder="小明">
        <br><input type="text" name="username" value="小明">
    </p>
    <p>密码type="password"
        <input type="password" name="pwd">
    </p>
    <p> 性别1type="radio"
        <input type="radio" name="gender" value="男">男
        <input type="radio" name="gender" value="女">女
        <input type="radio" name="gender" checked value="保密">保密
    </p>

    <p> 性别2type="radio"
        <!--两各格式写法一样,推荐第一种写法-->
        <label>
            <input type="radio" name="gender2" value="男">
        男</label>

        <input type="radio" id="r2" name="gender2" value="女">
        <label for="r2">女</label>

        <input type="radio" name="gender2" id="r3" checked value="保密">
        <label for="r3">保密</label>
    </p>

    <p> 爱好 type="checkbox"
        <br>默认值checked
        <br>
        <input type="checkbox" name="爱好" checked value="篮球1">篮球1
        <input type="checkbox" name="爱好" value="篮球1">篮球2
        <input type="checkbox" name="爱好" value="篮球1">篮球3
        <input type="checkbox" name="爱好" value="篮球1">篮球4
        <input type="checkbox" name="爱好" value="篮球1">篮球5
        <input type="checkbox" name="爱好" value="篮球1">篮球6
    </p>
    <p>
        select标签 多选multiple 默认值selected
        <select name="省份" id="1" multiple>
            <optgroup label="北京">
                <option value="bcp1" selected>昌平1</option>
                <option value="bcp2">昌平2</option>
                <option value="bcp3">昌平3</option>
                <option value="bcp4">昌平4</option>
                <option value="bcp5">昌平5</option>
            </optgroup>
            <option value="bj">北京</option>
            <option value="dh">上海</option>
            <option value="vw">重庆</option>
            <option value="dv">四川</option>
            <option value="df">山东</option>
        </select>
    </p>
    <p>说明备注
        <textarea name="info" id="1" cols="30" rows="10"></textarea>
    </p>
    <p>上传图片 form里要加这个 enctype="multipart/form-data"
        <input name="file" type="file">
    </p>
    <p>日期
        <input name="date" type="date">
        <input name="date" type="datetime-local">
    </p>
    <p>
        <input type="submit" value="提交aaa">
        <!--#普通按钮button#-->
        <br><input type="button" value="普通按钮button">
        <br><input type="reset" value="清空按钮">
        <br>type="email"邮箱<input type="email" name="email">
        <br>type="hidden"隐藏框用于加id提交数据用<input type="hidden" name=" 隐藏">
    </p>
</form>

</body>
</html>

HTML学记笔记的更多相关文章

  1. 学记笔记 $\times$ 巩固 · 期望泛做$Junior$

    最近泛做了期望的相关题目,大概\(Luogu\)上提供的比较简单的题都做了吧\(233\) 好吧其实是好几天之前做的了,不过因为太颓废一直没有整理-- \(Task1\) 期望的定义 在概率论和统计学 ...

  2. 二十五、Hadoop学记笔记————Hive复习与深入

    Hive主要为了简化MapReduce流程,使非编程人员也能进行数据的梳理,即直接使用sql语句代替MapReduce程序 Hive建表的时候元数据(表明,字段信息等)存于关系型数据库中,数据存于HD ...

  3. 二十四、Hadoop学记笔记————Spark的架构

    master为主节点 一个集群中可能运行多个application,因此也可能会有多个driver DAG Scheduler就是讲RDD Graph拆分成一个个stage 一个Task对应一个Spa ...

  4. 二十三、Hadoop学记笔记————Spark简介与计算模型

    spark优势在于基于内存计算,速度很快,计算的中间结果也缓存在内存,同时spark也支持streaming流运算和sql运算 Mesos是资源管理框架,作为资源管理和任务调度,类似Hadoop中的Y ...

  5. 二十二、Hadoop学记笔记————Kafka 基础实战 ：消费者和生产者实例

    kafka的客户端也支持其他语言,这里主要介绍python和java的实现,这两门语言比较主流和热门 图中有四个分区,每个图形对应一个consumer,任意一对一即可 获取topic的分区数,每个分区 ...

  6. 二十一、Hadoop学记笔记————kafka的初识

    这些场景的共同点就是数据由上层框架产生,需要由下层框架计算,其中间层就需要有一个消息队列传输系统 Apache flume系统,用于日志收集 Apache storm系统,用于实时数据处理 Spark ...

  7. 二十、Hadoop学记笔记————Hive On Hbase

    Hive架构图: 一般用户接口采用命令行操作, hive与hbase整合之后架构图: 使用场景 场景一:通过insert语句,将文件或者table中的内容加入到hive中,由于hive和hbase已经 ...

  8. 十九、Hadoop学记笔记————Hbase和MapReduce

    概要: hadoop和hbase导入环境变量: 要运行Hbase中自带的MapReduce程序,需要运行如下指令,可在官网中找到: 如果遇到如下问题,则说明Hadoop的MapReduce没有权限访问 ...

  9. 十八、Hadoop学记笔记————Hbase架构

    Hbase结构图: Client,Zookeeper,Hmaster和HRegionServer相互交互协调,各个组件作用如下: 这几个组件在实际使用过程中操作如下所示: Region定位,先读取zo ...

  10. 十七、Hadoop学记笔记————Hbase入门

    简而言之,Hbase就是一个建立在Hdfs文件系统上的数据库(mysql,orecle等),不同的是Hbase是针对列的数据库 Hbase和普通的关系型数据库区别如下: Hbase有一些基本的术语,主 ...

随机推荐

  1. 给出两个单词word1和word2，写一个函数计算出将word1 转换为word2的最少操作次数。

    问题: 给出两个单词word1和word2,写一个函数计算出将word1 转换为word2的最少操作次数. 你总共三种操作方法: 1.插入一个字符 2.删除一个字符 3.替换一个字符 格式: 输入行输 ...

  2. HBase scan 时 异常 ScannerTimeoutException 解决

    org.apache.Hadoop.hbase.client.ScannerTimeoutException: 60622ms passed since the last invocation, ti ...

  3. 51nod 1617 奇偶数组

    传送门 回来看一眼51nod,发现自己掉到rank4了,赶紧切道题回rank3. 一眼不会做,这种东西应该慢慢找规律吧……然后看到数据范围其实比较小,应该是单次log的,那是不是可以分治啊. #inc ...

  4. HTML5_新标签

    HTML5 是定义 HTML 标准的最新版本. 是一个新版本的 HTML 语言,具有新的元素,属性,行为, 是一个技术及,允许更多样化和强大的网站和应用程序 优势: 跨平台: 通吃 MAC PC Li ...

  5. ECMA Script 6_函数的扩展

    ES6规定只要函数参数使用了默认值.解构赋值.或者扩展运算符, 那么函数内部就不能显式设定为严格模式,否则会报错 1. 参数的默认值 ES6 允许为函数的参数设置默认值,即直接写在参数定义的后面 函数 ...

  6. react_app 项目开发 (6)_后台服务器端-node

    后台服务器端 负责处理前台应用提交的请求,并向前台返回 json 数据 前台应用 负责 展现数据与用户交互 发 ajax 请求与后台应用交互 yarn add axios /src/api/ajax. ...

  7. Servlet 参数

    1.应用参数,在web.xml配置,所有Servlet共用 <context-param> <param-name>driver</param-name> < ...

  8. 并查集的Java实现

    Java实现并查集,合并时采用路径压缩算法. 如果合并时使用循环修改的方法,一次合并的时间复杂度就为N,无法接受 public class Union { public int[] id;//对应索引 ...

  9. kafka手动开启监听

    项目集成spring-kafka,在项目启动后需要做些初始化资源的任务,kafka消费会依赖这些所以需要配置kafka手动启动. 类似这样,设置autoStartup为false 然后代码里面调用这个 ...

  10. python webbrowser模块（浏览器操作）

    webbrowser模块提供了一个高级接口来显现基于Web的文档,大部分情况下只需要简单的调用open()办法. webbrowser定义了如下的反常: exception webbrowser.Er ...