Web与HTML

最新推荐文章于 2023-10-30 19:01:06 发布
最新推荐文章于 2023-10-30 19:01:06 发布
阅读量652 收藏 2
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36906073/article/details/102512604
版权

Web概念概述

  • JavaWeb：

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

  • 软件架构

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

 在用户本地有一个客户端程序，在远程有一个服务器端程序。 如：QQ，迅雷...

  1.  优点：
     用户体验好
  2.  缺点：
     开发、安装，部署，维护 麻烦。

B/S: Browser/Server 浏览器/服务器端

只需要一个浏览器，用户通过不同的网址(URL)，客户访问不同的服务器端程序。

  1. 优点：
    开发、安装，部署，维护 简单
  2. 缺点：
    如果应用过大，用户的体验可能会受到影响
    对硬件要求过高

  • B/S架构详解

资源分类：

静态资源：使用静态网页开发技术发布的资源。


 特点：

  1.  所有用户访问，得到的结果是一样的。
  2.  如：文本，图片，音频、视频, HTML,CSS,JavaScript
  3. 如果用户请求的是静态资源，那么服务器会直接将静态资源发送给浏览器。浏览器中内置了静态资源的解析引擎，可以展示静态资源。

动态资源：使用动态网页及时发布的资源。

特点：

  1. 所有用户访问，得到的结果可能不一样。
  2.  如：jsp/servlet,php,asp...
  3. 如果用户请求的是动态资源，那么服务器会执行动态资源，转换为静态资源，再发送给浏览器

静态资源：

  • HTML：用于搭建基础网页，展示页面的内容
  • CSS：用于美化页面，布局页面
  • JavaScript：控制页面的元素，让页面有一些动态的效果

HTML

概念：是最基础的网页开发语言。Hyper Text Markup Language 超文本标记语言

  • 超文本:超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。
  • 标记语言:由标签构成的语言。<标签名称> 如 html，xml。标记语言不是编程语言

语法：

html文档后缀名 .html 或者 .htm

标签分为：

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

标签可以嵌套：

需要正确嵌套，不能你中有我，我中有你

错误：<a><b></a></b>
正确：<a><b></b></a>

在开始标签中可以定义属性。属性是由键值对构成，值需要用引号(单双都可)引起来。

html的标签不区分大小写，但是建议使用小写。

标签的学习

  • 文件标签

构成html最基本的标签。 html:html文档的根标签

  • head：头标签。用于指定html文档的一些属性。引入外部的资源
  • title：标题标签。
  • body：体标签
  • <!DOCTYPE html>：html5中定义该文档是html文档

  • 文本标签

和文本有关的标签

  • 注释：<!-- 注释内容 -->
  • <h1> to <h6>：标题标签。h1~h6:字体大小逐渐递减
  • <p>：段落标签
  • <br>：换行标签
  • <hr>：展示一条水平线
    属性：

                  

color：颜色
width宽度
size：高度
align：对其方式
center：居中
left：左对齐
right：右对齐
  • <b>：字体加粗
  • <i>：字体斜体
  • <font>:字体标签
  • <center>:文本居中
    属性：
    color：颜色
    size：大小
    face：字体

     

属性定义：

color：
                    1. 英文单词：red,green,blue
                    2. rgb(值1，值2，值3)：值的范围：0~255  如  rgb(0,0,255)
                    3. #值1值2值3：值的范围：00~FF之间。如： #FF00FF
width：
                    1. 数值：width='20' ,数值的单位，默认是 px(像素)
                    2. 数值%：占比相对于父元素的比例

  • 图片标签：

img：展示图片。

属性：src：指定图片的位置

  • 列表标签：

有序列表：

  • ol:
  • li:

无序列表：

  • ul:
  • li:

  • 链接标签：

a:定义一个超链接

属性：

  • href：指定访问资源的URL(统一资源定位符)
  • target：指定打开资源的方式（_self:默认值，在当前页面打开，_blank：在空白页面打开）。

  • div和span：

div:每一个div占满一整行。块级标签

span：文本信息在一行展示，行内标签 内联标签

  • 语义化标签：

html5中为了提高程序的可读性，提供了一些标签

  1. <header>：页眉
  2. <footer>：页脚

  • 表格标签：

table：定义表格

  • width：宽度
  •  border：边框
  • cellpadding：定义内容和单元格的距离
  • cellspacing：定义单元格之间的距离。如果指定为0，则单元格的线会合为一条、
  • bgcolor：背景色
  • align：对齐方式

tr：定义行

  • bgcolor：背景色
  •  align：对齐方式

td：定义单元格

  • colspan：合并列
  • rowspan：合并行

th：定义表头单元格

  • <caption>：表格标题
  • <thead>：表示表格的头部分
  • <tbody>：表示表格的体部分
  •  <tfoot>：表示表格的脚部分

 

鸡蛋炒瘦肉
关注
专栏目录
使用 HTML、CSS、JS 和 API 制作一个很棒的天气 Web 应用程序
努力是为了站在万人之中，成为别人的光
07-25 4万+
今天我将使用 Wea​​ther 和 Unsplash API 以及倾斜效果和玻璃形态外观创建凉爽的天气应用程序 ⛅ Weather.io ☔⚓ 第 1 步 - 设置环境并收集所有资源 第 2 步 - 从 index.html 开始 第 3 步 - 设置索引文件的样式 第 4 步 - 获取 Weather API 和 Unsplash API 密钥 第 5 步 - 从 JavaScript 编码开始 第 6 步 - 免费托管您的网站！
web前端html代码,WEB前端--HTML(示例代码)
weixin_34335039的博客
06-10 4815
HTML基础一、基本概念1、简介HTML：网页超文本标记语言，不是编程语言，是描述性的标记语言。2、基本结构3、标记：html开头，表示网页文档的开始二、编写方法文档工具，如：记事本IDE三、浏览html文件1、运行效果如果用pycharm编写，不要直接运行，直接找到文件路径打开这个文件最快捷。因为pycharm直接运行是作为一个服务监听起来，比较慢。2、看源文件鼠标右键-->查看源文件HT...
Web和HTML和网页
weixin_43828415的博客
02-28 1364
world wide web：全球广域网，俗称www。我们可以将web理解为当前的一种互联网，对于我们来说更多的就是网站。网站有多个网页组成在一起而形成的一种服务。web前端的工作就是用来负责前台网页的内容，我们才能够正常的访问每一个生动化的网页。网页就是由前端工程师使用HTML语言编写而成的文件。（由文字图片超链接声音视频等组成）网页本质上就是HTML文件（index、html、htm）HTML（Hyper Text Markup Language）：超文本标记语言。
WEB与HTML
m0_67062351的博客
06-13 737
WEB与HTML
二、web网站与html
come_bn的博客
11-09 1045
一、web相关名词介绍 www就是world wide web的简称，我们称为全球广域网，也称为万维网； web是一种基于http协议的、全球性的、动态的跨平台分布式图形信息系统，我们最常见的就是网站服务 网站就是由多个网页组合而成的集合； 网页就是通过浏览器展示，包含图片、文字、链接、声音…..等内容的一种html文件； 网页在浏览器上进行解析和展示； 二、HTML基本介绍 1、基本定义：超文本标记语言，超是超链接； 2、目前最流行的版本就是HTML5.0，W3C组织负责制定html语言的标
web和html初识
qq_45507751的博客
12-11 1397
一、认识WEB「网页」主要是由 文字 、 图 像 和 超 链 接 等元素构成，当然除了这些元素，网页中还可以 包括音频、视频以及F l a sh等。「浏览器」是网页显示、运行的平台。「浏览器内核」(排版引擎、解释引擎、渲染引擎) 负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。 浏览器 内核 备注 IE Trident I E、猎豹安全、360极速浏览器、百度浏览器 firefox Geko 可惜这几年已经没落了，打开速度慢、升级频繁、猪一样...
15个基于Web的HTML编辑器
carus的专栏
10-18 554
基于Web的html编辑器，可视化编辑器，或者是富文本编辑器，是让用户在浏览器中输入富文本的一个Web组件。大多数时候 ，这些HTML编 辑器都 使用于CMS管理系统 中，让管理理或作者可以在后台轻松的创建文章内容 。不多废话了，让我们来看一下这些强大的HTML编辑器。1. FCKeditorFCKeditor最著名的在线HTML编辑之一，它把桌面编辑器的强大功能带到了Web里在， 它可以方便的集成到 ASP, ASP.NET, PHP, Java, Perl, Phyton等等. 它支持皮肤，拼写检查，轻
web前端期末结课大作业 html+css+javascript网页设计实例 企业网站制作
11-15
期末结课大作业 html+css+javascript网页设计实例 企业网站制作，资源里面有网页的HTML文件、CSS文件、JAVASCRIPT文件和网页中的图片文件，用于大学web网页课程设计参考以及相关从业人员参考学习
web网页制作期末大作业
11-17
在本项目中，"web网页制作期末大作业"是一个典型的Web开发学习任务，涉及到的核心技术是HTML、CSS和JavaScript，这三者构成了网页制作的基础。下面将分别详细讲解这三个技术及其在网页制作中的作用。 HTML...
Web技术（一）：互联网的设计与演化(URL + HTML + HTTP)
流云
04-27 6079
一、Web技术简史 1990年底，Tim Berners-Lee 领导的小组已经构建了Web技术的五大要素：HTML、HTTP、URL、Web浏览器、Web服务器。 二、Web三大构建技术 2.1 URL / URI Linux上一切皆文件，Web上一切皆资源，URL可以唯一标识并定位任一MIME资源。 2.2 HTML / XML HTML语言关心的是信息的表现形式，而XML语言关心的是信息本身的格式和数据内容。 2.3 HTTP / HTTPS HTTP基于底层的TCP/IP协议完成html页面的传输。
Web基本概念和HTML
paaaa1的博客
12-06 848
一、Web 1、Web(网）应用：网站（广义PC、手机app) 2、浏览器（Browser）/用户代理（User Agent）/Web客户端（Web Client)：IE、Chrome、Firefox、腾讯浏览器、360浏览器..... 3、Web服务器（Web Server) / HTTP服务器（HTTP Server)：Apache、Tomcat、Netty、Httpd、Nginx B/S：Browser/Server 浏览器/服务器模式 C/S：Client/Server 客户...
web HTML
cpongo881
08-01 241
WEB网站与HTML
一念之间的博客
03-11 447
网页的构成：HTML+CSS+JS 使用工具：HBuilder 一、HTML骨架 <!doctype html> <!--代表 HTML5.0版本 --> <!--绝大部分标签都是成对出现 --> <html><!--HTML便签：里面放页面的所有内容 --> <head><!--head便签：头部便签 --> <meta charset="utf-8"> <!--描述了编码格式 -->
前端知识之Web和HTML
最新发布
yitianyipython的博客
10-30 268
HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于服务器与本地浏览器之间传输超文本的传送协议。超文本：超文本就是指“含有指向其他资源链接”内容的文本。大概就是，不仅仅是文字，还有多媒体：视频、图片、动画等。协议：HTTP协议就是服务器（Server）和客户端（Client）之间进行数据交互（相互传输数据）的一种形式。我们可以将Server和Client进行拟人化，那么该协议就是Server和Client这两兄弟间指定的一种交互沟通方式。
web和html学习
youxiang4542的博客
02-15 185
1、C/S和B/S 总结，理论上如果硬件不考虑（带宽、（图像资源加载）显卡等），B/S可以完全替代C/S； 2、静态资源和动态资源 其中，访问时动态资源，服务器后台也会通过视图解析器转换成静态资源，因为浏览器只有静态资源解析器解析展示； 3、html超文本标记语言 其中，标记语言由标签组成，是写了就会被解析展示，编程语言是有逻辑性的，不会所有都执行，如...
. web/HTML
汝之秀
08-29 224
web概念概述 1.1 概念介绍_软件架构 1.&nbsp;C/S: Client/Server 客户端/服务器端 &nbsp;&nbsp;&nbsp;&nbsp;* 在用户本地有一个客户端程序，在远程有一个服务器端程序 &nbsp;&nbsp;&nbsp;&nbsp;* 如：QQ，迅雷... &nbsp;&nbsp;&nbsp;&nbsp;* 优点： &nbsp;&nbsp;&a
Web_HTML
weixin_42132959的博客
04-16 583
1.什么是HTML？(Hyper Text Markup Language:超文本标记语言) 超文本：功能比普通文本更加强大 标记语言：使用一组标签对内容进行描述的一门语言(它不是编程语言) 2.语法和规范？ HTML文件都是以.html或者.htm结尾的。建议使用.html结尾。 HTML文件分为头部分(<head></head>)和体部分(<body>&...
web.xml
dizhu3909的博客
03-13 190
在“Web页”节点下，展开WEB-INF节点，然后双击web.xml文件进行查看。 web.xml文件包含Facelets应用程序所需的几个元素。使用NetBeans IDE创建应用程序时，将自动创建以下所有内容。 指定项目阶段的上下文参数： 上下文参数提供Web应用程序所需的配置信息。应用程序可以定义自己的上下文参数。此外，JavaServer Faces技术和Java...
web与HTML简介
Yanfengting的博客
07-28 289
web简史
java web与html怎么连接
06-06
Java web 和 HTML 是可以相互连接的。可以使用 Java 进行 web 开发，然后通过 HTML 页面来呈现出来。HTML 是一种标记语言，用于创建 web 页面结构和布局。Java 可以进行后端逻辑和数据库交互，然后将处理结果通过 HTML 页面展示给用户。因此，Java web 和 HTML 是相互配合的关系，可以实现更加复杂和高效的 web 应用程序。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值