Web的架构与html5基础知识



图1:完整的Web应用构架



图2:html5的基本结构


  • head 可添加在头部标签元素有→→title meta style link base script noscript
  • meta 几个重要属性↓↓


  • html的属性
    • →标准属性:id name style class
    • →私有属性:独有 如:a href  
    • →时间属性:触发 javascript
  • h1~h6 字大小逐渐减小,字体随着浏览器不同可能有不同,一般使用h1~h3
  • 空(自结束)标签:    br换行 hr水平线 meta

  • html中快捷键(暂整理,后续增加):
    • 1)变签名
      +
      TAP -->编写一对标签
    • 2)ctrl
      + ?
      -->
      注释<!--
      -->
    • 3)ctrl
      + shift + F --> 格式化代码
    • 4)h1*3
      + TAB -->一下写几行标签
      标签名 +
      * + number + TAB
    • 5)鼠标左键
      +
      alt --> 一下编写几行代码
      鼠标点几下写几行

  • 区分理解各列表标签:-->建立菜单

1)有序列表

ol(ordered
list)定义一个有序列表

li(list)定义一个有序列表的项目名称

2)无序列表

ul(unordered
list)定义一个无序列表

li(list)定义一个有序列表的项目名称

3)描述(定义)列表

dl(defined
list)定义一个描述(定义)列表

dt(defined
title)定义一个描述(定义)列表的项目名称

dd(defined
data)用来对一个描述(定义)列表的项目名称进行描述

时间: 2024-08-29 04:55:10

Web的架构与html5基础知识的相关文章

WEB安全测试所需的基础知识提纲(转)

——说明:下文是从其他地方看到的关于WEB安全测试所需的基础知识纲要,大家可以结合本版面的其他WEB安全测试帖子一起学习 第一章:B/S架构体系安全渗透测试基础 1.HTTP协议基本概念 (1)介绍HTTP标示URL (2)HTTP响应状态码 (3)HTTP协议传输内容 2.WEB应用认证基本概念 (1)HTTP常见认证机制 (2)BASE64编码介绍 3.B/S架构常见安全问题 (1)拒绝服务攻击基础 (2)Smurf攻击模型 (3)Fraggle攻击模型 (4)SynFlooding攻击模型

软件开发架构、网络基础知识、osi七层模型

一.软件开发的架构 涉及到两个程序之间通讯的应用大致可以分为两种: 第一种是应用类:qq.微信.网盘.优酷这一类是属于需要安装的桌面应用 第二种是web类:比如百度.知乎.博客园等使用浏览器访问就可以直接使用的应用 这些应用的本质其实都是两个程序之间的通讯.而这两个分类又对应了两个软件开发的架构 C/S架构: C/S即:Client与Server ,中文意思:客户端与服务器端架构,这种架构也是从用户层面(也可以是物理层面)来划分的. 这里的客户端一般泛指客户端应用程序EXE,程序需要先安装后,才

SpringCloud(1) 架构演进和基础知识简介

一.传统架构演进到分布式架构 简介:讲解单机应用和分布式应用架构演进基础知识 (画图) 高可用 LVS+keepalive 1.单体应用:开发速度慢.启动时间长.依赖庞大.等等 2.微服务:易开发.理解和维护.独立的部署和启动等等 不足:分布式系统(分布式事务问题).需要管理多个服务(服务治理) 二.微服务基础知识简介 微服务核心知识 :网关.服务发现注册.配置中心.链路追踪.负载均衡器.熔断 1.网关:路由转发 + 过滤器 /api/v1/pruduct/       商品服务 /api/v1

Java Web学习日志(HTTP基础知识)

1.C/S和B/S C/S是客户端/服务器模式,它是软件系统体系结构,通过它可充分利用两端硬件的优势,将任务合理分配到两端实现,降低开销 B/S是浏览器/服务器模式,在这种模式下,WEB浏览器使用户最主要的应用软件,这种模式统一了客户端,将系统功能实现的核心部分集中到服务器上. 2.HTTP基础知识 HTTP是超文本传输协议的简称,他是Web应用的核心.HTTP协议由两部分程序实现:一个客户端程序和一个服务器程序,它们运行在不同的端系统,通过交换HTTP报文进行会话. 1.2.1.HTTP请求和

Web学习篇之---html基础知识(一)

html基础知识(一) 本篇文章主要介绍HTML头部所包括的信息. 一.下面都是在标签<head>...</head>之间的内容: 1.<title>-</title> 标题元素,帮助用户更好识别文件,有且仅仅有一个.当作为首页或收藏时做文件名称. 2.<link>-</link> 显示本文档和其他文档之间的关系:<link rel="stylesheet" href="example.css&qu

HTML5基础知识学习笔记

1.Html5基础讲解 1.1HTML5基础标签: head:头标签,一般会将一些网页的基本配置和文件引用在head中设置: body:内容标签,里面是整个网页要展示内容部分: 1.2HTML5标题: h1-h6等,后面跟的数字越大,对应的标题的字体大小就越小: 1.3HTML5段落 p标签表示段落,在p标签中可以编写文字段落: 1.4HTML5连接 a标签表示连接,可以在里面设置点击之后跳转到其他url: 1.5HTML5图像 img标签表示图像标签,可以通过其设置图片展示: 1.6HTML5

36 web系统架构及cache基础、varnish4基础应用、varnish状态引擎详解及vcl

02 varnish4基础应用 配置环境: node1 CentOS7.2 192.168.1.131 [[email protected] ~]# yum -y install varnish [[email protected] ~]# vim /etc/varnish/varnish.params 修改 VARNISH_STORAGE="file,/var/lib/varnish/varnish_storage.bin,1G" 为 VARNISH_STORAGE="ma

html5基础知识

html5 <!DOCTYPE>标签html5只有一种,即:<!DOCTYPE HTML> 示例:<!DOCTYPE html><html><head><title>html5_title</title></head><body>html5内容</body></html>---------------------<a>标签download属性,下载指定的文件(li

html5基础知识学习

HTML5腾讯课堂--html5前端开发视频 https://ke.qq.com/course/89671 html5_video http://www.myexception.cn/jquery/2016557.html https://www.douban.com/note/158621500/ http://www.jianshu.com/p/404d01b8e713 http://ask.dcloud.net.cn/docs/