一、需要记下的html5知识

1.html5网页文本框架

<!DOCTYPE html>

<html>

    <head></head>

    <body></body>

    <foot></foot>

</html>

2.简单标签

<!-- h标签，表示标题，h1-h5 -->

<h1>标题一</h1>

<h2>标题二</h2>

<h3>标题二</h3>

<h4>标题二</h4>

<h5>标题二</h5>

<!-- p标签，表示文本段落 -->

<p>今天是个好天气啦啦啦啦啦啦啦啦啦啦</p>

<!-- a标签，表示链接-->

<a href="www.baidu.com">打开百度</a>

<!-- 打开新的标签页 -->

<a href="www.baidu.com" target="_blank">打开百度</a>

<!-- img标签，表示图片, alt属性表示对图片的解释 -->

<img src="./cat.jpg" alt="一只猫"/>

<!-- 无序列表 -->

<ul>

　　<li>无序列表1</li>

　　<li>无序列表2</li>

      <li>无序列表3</li>

</ul>

<!-- 有序列表, type类型有1,A,a,I,i，start为开始值 -->

<ol type="1" start="2">

    <li>有序列表1</li>

    <li>有序列表2</li>

    <li>有序列表3</li>

</ol>

3.表单标签

<!-- form表单标签，action代表表单跳转的位置 -->

<form action="#" method="get">

<!-- 单选框，注意label的for属性和input的id属性对应，另外注意一组单选框的name值一致  -->

<!-- checked 表示默认选中 -->

<label for="indoor">

    <input type="radio" id="indoor" value="indoor" name="in-out" checked>indoor

</label>

<label for="outdoor">

    <input type="radio" id="outdoor" value="outdoor" name="in-out">outdoor

</label>

<!-- 多选框 -->

<label for="happy">

    <input type="checkbox" id="happy" name="personality" checked>happy

</label>

<label for="thin">

    <input type="checkbox" id="thin" name="personality">thin

</label>

<label for="smart">

    <input type="checkbox" id="smart" name="personality">smart

</label>

<!-- 输入框 -->

<!-- placeholder为占位提示信息，required 属性表示必填项 -->

<input type="text" placeholder="请输入姓名" required>

<!-- 提交按钮 -->

<button type="submit">提交表单</button>

</form>

4.结构标签

<!-- main标签可以优化seo -->

<main>

    <p>主要文本1</p>

    <p>主要文本2</p>

</main>

<!-- div为块标签，后续会大量应用 -->

<div>

    <div>div1</div>

    <div>div2</div>

</div>

二、Basic HTML5 知识整理的更多相关文章

  1. 二：SpringMVC知识整理

    springmvc复习: 1.SpringMVC介绍 2.SpringMVC入门程序 1)创建web工程 2)导入jar包 3)在web.xml中配置前端控制器(指定上下文件的路径 classpath ...

  2. Linux系统基础知识整理

    一.说明 本篇文章,我将结合自己的实践以及简介,来对linux系统做一个直观清晰的介绍,使得哪些刚接触Linux的小伙伴可以快速入门,也方便自己以后进行复习查阅. 二.基本知识整理 1.Linux文件 ...

  3. Linux系统基础知识整理（一）

    本文来自于: https://www.cnblogs.com/hafiz/p/6686187.html#4196989 一.说明 本篇文章,我将结合自己的实践以及简介,来对linux系统做一个直观清晰 ...

  4. Kali Linux渗透基础知识整理（二）漏洞扫描

    Kali Linux渗透基础知识整理系列文章回顾 漏洞扫描 网络流量 Nmap Hping3 Nessus whatweb DirBuster joomscan WPScan 网络流量 网络流量就是网 ...

  5. Android开发——Fragment知识整理（二）

    0.  前言 Android开发中的Fragment的应用非常广泛,在Android开发--Fragment知识整理(一)中简单介绍了关于Fragment的生命周期,常用API,回退栈的应用等知识.这 ...

  6. wifi基础知识整理

    转自 :http://blog.chinaunix.net/uid-9525959-id-3326047.html WIFI基本知识整理 这里对wifi的802.11协议中比较常见的知识做一个基本的总 ...

  7. 【转】WIFI基本知识整理

    WIFI基本知识整理 这里对wifi的802.11协议中比较常见的知识做一个基本的总结和整理,便于后续的学习.因为无线网络中涉及术语很多,并且许多协议都是用英文描述,所以有些地方翻译出来会有歧义,这种 ...

  8. js事件(Event)知识整理

    事件(Event)知识整理,本文由网上资料整理而来,需要的朋友可以参考下   鼠标事件 鼠标移动到目标元素上的那一刻,首先触发mouseover 之后如果光标继续在元素上移动,则不断触发mousemo ...

  9. Kali Linux渗透基础知识整理（四）：维持访问

    Kali Linux渗透基础知识整理系列文章回顾 维持访问 在获得了目标系统的访问权之后,攻击者需要进一步维持这一访问权限.使用木马程序.后门程序和rootkit来达到这一目的.维持访问是一种艺术形式 ...

  10. js事件(Event)知识整理[转]

    事件注册 平常我们绑定事件的时候用dom.onxxxx=function(){}的形式 这种方式是给元素的onxxxx属性赋值,只能绑定有一个处理句柄. 但很多时候我们需要绑定多个处理句柄到一个事件上 ...

随机推荐

  1. VUE前端请求跨域问题解决

    解决方法: vue.config.js文件配置: module.exports = { devServer: { open: true, host: '192.168.1.193', port: 80 ...

  2. torch.squeeze函数解释，torch.FloatTensor()函数作用解释

    1. torch.squeeze(x,N)  主要对数据维度进行压缩 torch.squeeze(x,N) #也可以写为格式 x.squeeze(dim=N) 含义:当N未给定时,去掉x中所有维度为1 ...

  3. Java 01-Java常用类 System

    System类:系统类,主要用于获取系统的属性和方法,没有构造方法 System的属性都是静态属性,方法都是静态方法 方法: 获取当前系统时间 currentTimeMillis()  返回的是毫秒值 ...

  4. dp泄露

    DP泄露 选了三道与RSA的dp泄露有关的题,dp泄露算是比较有辨识度的题型. 目录 DP泄露 原理 ctfshow funnyrsa3 分析 解答 BUUCTF RSA2 分析 解答 [羊城杯 20 ...

  5. 【ZYNQ学习】ZYNQ架构介绍

    在上一篇博客中,主要介绍了ZYNQ的基本信息以及如何在vivado上实现自己的设计,但是在实际应用中,掌握ZYNQ的架构是必要的,因此在这篇博客中主要记录一下ZYNQ的架构 本篇博客的主要参考是ZYN ...

  6. java第六周学习情况

    这个星期接到了要开学的消息,心情是非常慌张的,毕竟还没有学到多少东西.但确实是要开学了.心中说不出激动还是紧张,那就带着这种奇妙的情绪记录这次的学习吧 首先必然还是看了相关的程序,记没记下来是另外一说 ...

  7. 2022-3-14内部群每日三题-清辉PMP

    1.开发一款银行零售业务新产品的项目正在进行中,由于团队成员缺乏激励,该项目落后于进度.项目经理应该如何激励项目团队? A.提供认可与奖励 B.使用教练和指导技能 C.委托职责 D.应用创造性的问题解 ...

  8. iOS开发之检测项目是否包含UIWebView

    应苹果审核要求不能包含UIWebView,所以我们上线之前应该扫一下项目是否包含UIWebView 我们直接打开终端 cd 到工程文件下面 执行命令 grep -r UIWebView .  在扫描结 ...

  9. 使用excel生成多条sql语句

    前提: excel 表里有2列数据,现在要每一列 生成一个sql 语句,应用自定义字符 在第三行单元格里面写入:="zdy"&A2&"zdy"& ...

  10. PgBouncer连接池工具

    PgBouncer是为PostgreSQL提供的轻量级连接池工具,作用如下:1,能够缓存和PostgreSQL的连接,当有连接请求进来的时候,直接分配空闲进程,而不需要PostgreSQL fork出 ...