HTML(静态网页资源三大件1)

这篇博客详细介绍了HTML的基础知识,包括Web概念、HTML的定义和语法、主要标签的使用,以及表单标签的讲解。重点讲述了HTML在搭建静态网页中的作用,强调了HTML、CSS和JavaScript作为静态网页三大件的重要性。
摘要由CSDN通过智能技术生成

HTML

01Web概念概述

1.定义

JavaWeb:使用Java语言开发基于互联网的项目

2.软件架构

【1】 C/S: Client/Server 客户端/服务器端

  • 在用户本地有一个客户端程序,在远程有一个服务器端程序
  • 如:QQ,迅雷…
  • 优点:
    用户体验好
  • 缺点:
    开发、安装,部署,维护 麻烦
    在这里插入图片描述
    【2】 B/S: Browser/Server 浏览器/服务器端
  • 只需要一个浏览器,用户通过不同的网址(URL),客户访问不同的服务器端程序
  • 优点:
    开发、安装,部署,维护 简单
  • 缺点:
    (1)如果应用过大,用户的体验可能会受到影响
    (2)对硬件要求过高

3.资源分类

B/S架构详解
【1】资源分类:
(1)静态资源:

  • 使用静态网页开发技术发布的资源。
  • 特点:所有用户访问,得到的结果是一样的。
  • 如:文本,图片,音频、视频, HTML,CSS,JavaScript
  • 如果用户请求的是静态资源,那么服务器会直接将静态资源发送给浏览器。浏览器中内置了静态资源的解析引擎,可以展示静态资源

(2)动态资源:

  • 使用动态网页及时发布的资源。
  • 特点: 所有用户访问,得到的结果可能不一样。
  • 如:jsp/servlet,php,asp…
  • 如果用户请求的是动态资源,那么服务器会执行动态资源,转换为静态资源,再发送给浏览器

【2】我们要学习动态资源,必须先学习静态资源!
【3】静态资源:
(1)HTML:用于搭建基础网页,展示页面的内容
(2)CSS:用于美化页面,布局页面
(3)JavaScript:控制页面的元素,让页面有一些动态的效果

02HTML概述

1.概念

【1】是最基础的网页开发语言
【2】全称:Hyper Text Markup Language 超文本标记语言
【3】超文本:

  • 超文本是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本

【4】标记语言:

  • 由标签构成的语言。<标签名称> 如 html,xml
  • 标记语言不是编程语言

2.快速入门

【1】语法
(1)html文档后缀名 .html 或者 .htm
(2)标签分为

  1. 围堵标签:有开始标签和结束标签。如 < html > < /html >
  2. 自闭和标签:开始标签和结束标签在一起。如 < br/ >

(3)标签可以嵌套:
需要正确嵌套,不能你中有我,我中有你
错误:< a >< b >< /a >< /b >
正确:< a >< b >< /b >< /a >
(4)在开始标签中可以定义属性。属性是由键值对构成,值需要用引号(单双都可)引起来
(5)html的标签不区分大小写,但是建议使用小写
【2】代码

<html>
    <head>
        <title>title
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值