一、需要记下的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. kubectl的vistor模式

    package main import ( "encoding/json" "encoding/xml" "log" ) type Visi ...

  2. Anaconda之conda常用命令介绍

    anaconda用法: 查看已经安装的包: pip list 或者 conda list 安装和更新: pip install requests pip install requests --upgr ...

  3. c语言学习---gets()读取字符串,以及\0,fgets()put()fputs()

    #include<stdio.h> //gets()读取字符串, 可以读取空格 int main() { char num[2] = "";//gets 也会造成内存污 ...

  4. ABAP 动态内表 实例展示以及代码Demo

    因根据查询条件展示的报表列数不一定一致,因此采用动态内表的方式进行处理 这里写了一个简单的Demo记录一下 效果如下图: 一般来说通过选择屏幕来控制列的,我这里就简单处理,直接对内表赋予相关值,包括相 ...

  5. ABAP 报表的两种下钻功能

    在报表开发中往往会由需求要求跳转,SAP中提供了一些下钻的方式. 这里主要介绍两种 submit 和 call transaction submit 引用的是报表名称,以自开发报表居多 call tr ...

  6. 基础篇之DOS命令

    对于编程的小朋友来说,在DOS中输入一些命令也是常有的事情. 今天就来学习一些常见的命令.[该篇是在B站学习Siki学院的课程时做的笔记] DOS命令目录操作 常用DOS命令(输入命令后按下回车) d ...

  7. mysql的日期时间类型格式

    日期时间类型 一般用整型保存时间戳,因为PHP可以很方便的将时间戳进行格式化. datetime 8字节 日期及时间 1000-01-01 00:00:00 到 9999-12-31 23:59:59 ...

  8. window 安装淘宝镜像

    打开cmd, 输入如下命令 npm config set registry https://registry.npm.taobao.org 判断是否配置淘宝镜像成功 npm config get re ...

  9. git rebase之abort,continue,skip

    git rebase --abort 会放弃合并,回到rebase操作之前的状态,之前的提交的不会丢 git rebase --skip 会将引起冲突的commit丢弃掉 git rebase --c ...

  10. mac 打开活动监视器(任务管理器)

    打开方式 1.快捷键 command+option+esc 选择需要强制退出的app 2.通过菜单 需要查看完整的占用率 应用程序=>实用工具=〉活动监视器