【前端】HTML5学习笔记


?HTML

HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字图形动画声音表格链接等。


?课程链接

【狂神说Java】HTML5完整教学通俗易懂_哔哩哔哩_bilibili


?学习笔记

第一个网页






    
    
    
    
    
    
    Hello World



    Hello World


基本标签




    
    基本标签



一级标签

二级标签

三级标签

四级标签

五级标签
六级标签

设计模式(Design Pattern)是前辈们对代码开发经验的总结,是解决特定问题的一系列套路。它不是语法规定,而是一套用来提高代码可复用性、可维护性、可读性、稳健性以及安全性的解决方案。

1995 年,GoF(Gang of Four,四人组/四人帮)合作出版了《设计模式:可复用面向对象软件的基础》一书,共收录了 23 种设计模式,从此树立了软件设计模式领域的里程碑,人称「GoF设计模式」。

设计模式(Design Pattern)是前辈们对代码开发经验的总结,是解决特定问题的一系列套路。它不是语法规定,而是一套用来提高代码可复用性、可维护性、可读性、稳健性以及安全性的解决方案。


1995 年,GoF(Gang of Four,四人组/四人帮)合作出版了《设计模式:可复用面向对象软件的基础》一书,共收录了 23 种设计模式,从此树立了软件设计模式领域的里程碑,人称「GoF设计模式」。


字体样式标签

粗体 斜体
空 格 > < ©

图像标签




    
    图像标签



图片加载失败时显示

 底部



链接标签




    
    链接标签
















顶部

点击跳转我的第一个网页
点击跳转百度


点击跳转我的第一个网页 图片加载失败时显示 mailto 回到顶部 底部

列表




    
    列表



  1. Java
  2. Python
  3. C
  4. C++
  5. PHP

  • Java
  • Python
  • C
  • C++
  • PHP

title1
1
2
3
title2
1
2
3

表格




    
    表格





跨5列
跨2行 2 3 4 5
1 2 3 4

表格测试
跨2行 语文 100
数学 100
跨2行 语文 100
数学 100

媒体元素




    
    媒体元素






页面结构分析




    
    页面结构分析



header 标题头部区域的内容(用于页面或页面中的一块区域)

footer 标记脚部区域的内容(用于整个页面或页面的一块区域)

section Web页面中的一块独立区域

article 独立的文章内容

aside 相关内容或应用(常用于侧边栏)

nav 导航类辅助内容

网页头部

网页头部

网页主体

网页主体

网页脚部

网页脚部

内联框架

        内联框架点击跳转

表单

        表单

type 指定元素的类型。text、password、checkbox、radio、submit、reset、file、hidden、image 和button,默认为 text

name 指定表单元素的名称

value 元素的初始值。type为radio时必须指定一个值

size 指定表单元素的初始宽度。当type为text或password时,表单元素的大小以字符为单位。对于其他类型,宽度以像素为单位

maxlength type为text或 password时,输入的最大字符数

checked type为radio或checkbox时,指定按钮是否是被选中

readonly 只读

d

disable 禁用

hidden 隐藏 -> 传递默认值

注册

用户名

用户名

密  码

密  码

性  别

爱好 睡觉 coding 聊天 游戏 girl

下拉框

textarea

邮箱

URL

商品数量

音量

搜索

表单验证

        表单验证

placeholder 提示信息

required 非空判断

pattern 正则表达式

用户名

密  码

正则表达式验证


?转载请注明出处

本文作者:双份浓缩馥芮白

原文链接:

版权所有,如需转载请注明出处。