初识HTML&CSS

最新推荐文章于 2023-02-23 17:44:27 发布
最新推荐文章于 2023-02-23 17:44:27 发布
阅读量562 收藏
点赞数 1
分类专栏： JAVAWeb 文章标签： html css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51343905/article/details/122139138
版权

Web概述

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

软件架构

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

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

资源分类：

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

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

HTML（Hyper Text Markup Language 超文本标记语言）

语法：

1.标签分为：维度标签和自闭和标签

2.标签可以嵌套

3.在开始标签中可以定义属性，属性由键值对构成，值需要用引号引起来

4.不分大小写，建议小写

文件标签

 html:html文档的根标签
head：头标签。用于指定html文档的一些属性。引入外部的资源

title：标题标签。
body：体标签
<!DOCTYPE html    >：html5中定义该文档是html文档

文本标签

  • <h1>~<h6> 标题标签  
  • <p>段落标签
  • <br>换行标签
  • <hr>下划线  

属性：color、size,width,align

  • <b>字体加粗
  • <i>字体斜体
  • <font>字体标签
  • <center>文
最低0.47元/天 解锁文章
野珠
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【尚硅谷 Java Web 笔记】CSS和HTML结合使用的三种方式
qq_54110690的博客
01-28 454
第一种方式：在标签的style属性上设置“key:value value;”，修改标签样式。 缺点： 1）如果标签、样式多，代码量非常庞大 2）可读性差 3）CSS代码没什么复用性可言 <!DOCTYPE html> <h...
JavaWeb篇-HTML&CSS
cV展示的学习园
04-05 222
HTML&CSS HTML 标签语法 <body> <!-- ①标签不能交叉嵌套 --> 正确： <div><span>早安</span></div> 错误： <div><span>早安</div> </span> <hr/> <!-- ②标签必须正确关闭(闭合) --> <!-- i.有文本内容的标签： --> 正确：
JavaWeb--HTML&CSS
Eumenides_Suki的博客
02-23 360
HTML 是一门语言，所有的网页都是用HTML 这门语言编写出来的，也就是HTML是用来写网页的，像京东，12306等网站有很多网页。超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容如上图看到的页面，我们除了能看到一些文字，同时也有大量的图片展示；有些网页也有视频，音频等。这种展示效果超越了文本展示的限制。标记语言：由标签构成的语言之前学习的XML就是标记语言，由一个一个的标签组成，HTML 也是由标签组成。我们在浏览器页面右键可以查看页面的源代码，如下。
1.Java Web之HTML和CSS
hutc_Alan的博客
05-11 611
1.B/S软件结构 B/S browser Server JavaEE项目 客户端：浏览器 服务端：WEB服务器 2.前端的开发流程 1.美术实现：页面设计师根据需求设计页面 2.前端工程师：前端工程师将设计做成静态页面 3.java程序员：后台工程师将静态页面改为动态页面 3.网页的组成部分 页面由三部分内容组成：内容（结构）、表现、行为 内容（结构）：是我们在页面中可以看到的数据。我们称之为内容，一般内容我们使用html技术来展现。 表现：指的是这些内容在页面上的显示形式。比如说，布局、颜色、大小等等。
【JavaWeb概念、HTML、CSS】
weixin_46932548的博客
06-01 225
【JavaWeb概述、HTML、CSS】 JavaWeb概念概述 JavaWeb：使用Java语言开发基础互联网的项目。 软件架构： C/S：Client/Server 客户端/服务器端 在用户本地有一个客户端程序，在远程有一个服务器端程序 如：QQ、迅雷… B/S：Browser/Server 浏览器端/服务器端 只需要一个浏览器，用户通过不同的网址（url），可以访问远程不同的服务器端 各自的优缺点： C/S B/S 优点 用户体验好 安装、部署、开发、维护简单
HTML-css初识.md
01-06
HTML-css初识.md
初识前端，学习html+css.zip
01-02
html css js 知识学习资料 代码 源码 供相关人员学习参考 html css js 知识学习资料 代码 源码 供相关人员学习参考 html css js 知识学习资料 代码 源码 供相关人员学习参考 html css js 知识学习资料 代码 源码 供...
TP01-初识HTML.pptx
11-09
TP01-初识HTML.pptx
HTML初识基础认知 + HTML标签
12-05
Web标准中分成三个构成：结构（HTML）、表现（CSS）、行为（JavaScript）。 二、HTML基础认知 HTML（Hyper Text Markup Language）中文译为：超文本标记语言。专门用于网页开发的语言，主要通过HTML标签对网页中的...
JavaWeb之HTML与CSS基础学习与总结
林大侠
08-09 437
  对于一名合格Java开发工程师来说，我们不仅要扎实后端技术，而且还要学习与掌握前端的基础知识，这样在工作开发中，我们才能更好的配合前端人员迅速完成开发任务（解决Bug效率高），这也是我们走向全栈、架构师的必备技能，所以从基础做起、从总结做起，基础学习打卡走起来！ 1.网页的组成   业界认为“HTMT是名词，CSS是形容词、JS是动词”,我觉得非常形象，日常拿图：   HTML:是网页内容的...
JavaWeb知识总结-HTML和CSS
shark_pupper的博客
01-07 659
HTML 页面由三部分内容组成：分别是内容（结构）、表现、行为。 内容（结构）：我们在页面中可以看到的数据，一般内容使用html技术来展示。 表现：指的是这些内容在页面上的展示形式。比如说：布局，颜色，大小等等。一般使用CSS技术实现。 行为：指的是页面中元素与输入设备交互的响应。一般使用javascript技术实现。 HTML（Hyper Text Markup Language，超文本标记语言） HTML通过标签来标记要显示在页面中的各个部分。 HTML文件的书写规范 <h
（七）HTML和CSS 、JavaScript 和Java到底有什么区别，今天终于明白了！！！
qq_35885612的博客
01-24 688
有人曾经问过，“HTML CSS 和 JavaScript 以及 Java有什么区别” TCP VS UDP Java VS C 功能先上了再说 高级开发人员作为一个团队进行编程 调试CSS 高级开发人员重构代码 能一个手指完成的绝不用两只手 看实习生编码的时候，我的表情…… 当我尝试进入BIO...
JavaWeb-HTML
weixin_62520626的博客
12-26 553
1.什么是HTML标签 HTML 指的是超文本标记语言 (Hyper Text Markup Language)是用来描述网页的一种语言。 HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) 2.HTML骨架标签 标签名 定义 说明 <html></html> HTML标签 页面中最大的标签，我们成为 根标签 <head>&lt
JavaWeb入门学习笔记（一：HTML简述）
weixin_45868951的博客
07-22 97
文章目录 前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 一、HTML概念及作用 概念：超文本标记语言（Hyper Text Markup Language），是由标签所组成的语言，能展示超文本效果。 作用：设计网页的基础 二、HTNL入门案例 步骤一：创建文件，后缀名.
CSS基础
itzhuzhu的博客
10-20 167
初识HTML： 网络世界已经跟我们息息相关，当我们打开一个网站，首先映入眼帘的就是一个个华丽多彩的网页。这些网页，不仅呈现着基本的内容，还具备优雅的布局和丰富的动态效果，这一切都是通过前端代码渲染出来的。 HTML（超文本标记语言——HyperText Markup Language）是构成 Web 世界的一砖一瓦。它是一种用来告知浏览器如何组织页面的标记语言。 所谓超文本Hypertext，是指连接单个或者多个网站间的网页的链接。我们通过链接，就能访问互联网中的内容。 所谓标记Markup ，是用来注
HTML常用标签
叶子与海的博客
09-14 2150
1.文本标签 标题标签 h1~h6逐渐变小 段落标签 段落标签会自动换行，并且段落与段落之间有一定的间距。 换行标签 自闭合标签，br是break（换行）的缩写。 文本标签 平时用更有语义性的标签(加粗的）
改变下划线 hr的颜色
qq_43201350的博客
05-14 1037
代码： <body> <br> <br> <br> <!--方法一--> <hr style="border: 0;border-top: 1px solid red;"> <br> <br> <br> <!--方法二--> <hr style="border:0;background-color:red;height:1px;"> </body> 效果： 两个
【CSS】下划线与文字间距，下划线粗细以及下划线颜色的设置
热门推荐
向着光芒的女孩
09-28 9万+
最开始的时候了解下划线的属性是：text-decoration:underline;但是，很遗憾的是，对于设计做的下划线用浏览器默认属性样式很难调整，使用这个属性并不能调整下划线与文字的间距，而且对于下划线的颜色也不好调整，而使用<u></u>这个标签也是同样的效果。例子：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti
CSS三种漂亮的＜hr＞水平线样式
美奇软件开发工作室
03-11 4万+
hr.style-one {/*内嵌水平线*/width:80%;margin:0 auto;border: 0;height: 0;border-top: 1px solid rgba(0, 0, 0, 0.1);border-bottom: 1px solid rgba(255, 255, 255, 0.3);}hr.style-two {/*透明渐变水平线*/width:80%;margin...
html 初识CSS：丰富多彩的网页样式品
最新发布
04-02
在初识CSS时，你可以了解以下几个方面： 1. CSS的基本语法：CSS由选择器和声明块组成。选择器用于选择要应用样式的HTML元素，声明块中包含了一系列的样式属性和值。 2. 样式属性和值：CSS提供了丰富的样式属性和...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值