初识HTML&CSS

最新推荐文章于 2023-02-23 17:44:27 发布
最新推荐文章于 2023-02-23 17:44:27 发布
阅读量568 收藏
点赞数 1
分类专栏： JAVAWeb 文章标签： html css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51343905/article/details/122139138
版权
本文介绍了HTML和CSS的基础知识，包括Web概述、HTML的语法、常用标签如标题、图片、链接、表格、表单等，以及CSS在页面美化和布局控制上的作用，如选择器和属性的应用。
摘要由CSDN通过智能技术生成

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 461
第一种方式：在标签的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 384
HTML 是一门语言，所有的网页都是用HTML 这门语言编写出来的，也就是HTML是用来写网页的，像京东，12306等网站有很多网页。超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容如上图看到的页面，我们除了能看到一些文字，同时也有大量的图片展示；有些网页也有视频，音频等。这种展示效果超越了文本展示的限制。标记语言：由标签构成的语言之前学习的XML就是标记语言，由一个一个的标签组成，HTML 也是由标签组成。我们在浏览器页面右键可以查看页面的源代码，如下。
1.Java Web之HTML和CSS
hutc_Alan的博客
05-11 632
1.B/S软件结构 B/S browser Server JavaEE项目 客户端：浏览器 服务端：WEB服务器 2.前端的开发流程 1.美术实现：页面设计师根据需求设计页面 2.前端工程师：前端工程师将设计做成静态页面 3.java程序员：后台工程师将静态页面改为动态页面 3.网页的组成部分 页面由三部分内容组成：内容（结构）、表现、行为 内容（结构）：是我们在页面中可以看到的数据。我们称之为内容，一般内容我们使用html技术来展现。 表现：指的是这些内容在页面上的显示形式。比如说，布局、颜色、大小等等。
【JavaWeb概念、HTML、CSS】
weixin_46932548的博客
06-01 238
【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语言
12-18
### 初识HTML语言 #### 一、HTML与万维网的基础 - **HTML简介**： - HTML，即超文本标记语言（Hypertext Markup Language），是一种用于创建网页的标准标记语言。它允许开发者通过一系列预定义的标签来构建结构化...
JavaWeb之HTML与CSS基础学习与总结
林大侠
08-09 447
  对于一名合格Java开发工程师来说，我们不仅要扎实后端技术，而且还要学习与掌握前端的基础知识，这样在工作开发中，我们才能更好的配合前端人员迅速完成开发任务（解决Bug效率高），这也是我们走向全栈、架构师的必备技能，所以从基础做起、从总结做起，基础学习打卡走起来！ 1.网页的组成   业界认为“HTMT是名词，CSS是形容词、JS是动词”,我觉得非常形象，日常拿图：   HTML:是网页内容的...
JavaWeb知识总结-HTML和CSS
shark_pupper的博客
01-07 667
HTML 页面由三部分内容组成：分别是内容（结构）、表现、行为。 内容（结构）：我们在页面中可以看到的数据，一般内容使用html技术来展示。 表现：指的是这些内容在页面上的展示形式。比如说：布局，颜色，大小等等。一般使用CSS技术实现。 行为：指的是页面中元素与输入设备交互的响应。一般使用javascript技术实现。 HTML（Hyper Text Markup Language，超文本标记语言） HTML通过标签来标记要显示在页面中的各个部分。 HTML文件的书写规范 <h
（七）HTML和CSS 、JavaScript 和Java到底有什么区别，今天终于明白了！！！
qq_35885612的博客
01-24 721
有人曾经问过，“HTML CSS 和 JavaScript 以及 Java有什么区别” TCP VS UDP Java VS C 功能先上了再说 高级开发人员作为一个团队进行编程 调试CSS 高级开发人员重构代码 能一个手指完成的绝不用两只手 看实习生编码的时候，我的表情…… 当我尝试进入BIO...
JavaWeb-HTML
weixin_62520626的博客
12-26 611
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 100
文章目录 前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 一、HTML概念及作用 概念：超文本标记语言（Hyper Text Markup Language），是由标签所组成的语言，能展示超文本效果。 作用：设计网页的基础 二、HTNL入门案例 步骤一：创建文件，后缀名.
CSS基础
itzhuzhu的博客
10-20 171
初识HTML： 网络世界已经跟我们息息相关，当我们打开一个网站，首先映入眼帘的就是一个个华丽多彩的网页。这些网页，不仅呈现着基本的内容，还具备优雅的布局和丰富的动态效果，这一切都是通过前端代码渲染出来的。 HTML（超文本标记语言——HyperText Markup Language）是构成 Web 世界的一砖一瓦。它是一种用来告知浏览器如何组织页面的标记语言。 所谓超文本Hypertext，是指连接单个或者多个网站间的网页的链接。我们通过链接，就能访问互联网中的内容。 所谓标记Markup ，是用来注
HTML常用标签
叶子与海的博客
09-14 2208
1.文本标签 标题标签 h1~h6逐渐变小 段落标签 段落标签会自动换行，并且段落与段落之间有一定的间距。 换行标签 自闭合标签，br是break（换行）的缩写。 文本标签 平时用更有语义性的标签(加粗的）
改变下划线 hr的颜色
qq_43201350的博客
05-14 1052
代码： <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 10万+
最开始的时候了解下划线的属性是：text-decoration:underline;但是，很遗憾的是，对于设计做的下划线用浏览器默认属性样式很难调整，使用这个属性并不能调整下划线与文字的间距，而且对于下划线的颜色也不好调整，而使用<u></u>这个标签也是同样的效果。例子：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti
html中hr标签有哪些属性,hr标签的属性有哪些？
weixin_36035992的博客
06-04 5110
html中hr标签定义和用法：标签在HTML页面中创建一条水平线。水平分隔线(horizontalrule)可以在视觉上将文档分隔成各个部分。HTML标签实例：被水平线分隔的标题和段落：Thisisheader1Thisissometexthtml中hr标签可选的属性：tuyi.pnghtml中hr标签在网页中的用法：html中hr标签的各种样式使用：网页设计当中hr的各种样式，如果使用得当，将会...
html 初识CSS：丰富多彩的网页样式品
最新发布
04-02
HTML（HyperText Markup Language）是一种用于创建网页的标记语言，它描述了网页的结构和内容。CSS（Cascading Style Sheets）是一种用于控制网页样式和布局的样式表语言。通过将HTML和CSS结合使用，可以创建出丰富多彩的网页样式。 在初识CSS时，你可以了解以下几个方面： 1. CSS的基本语法：CSS由选择器和声明块组成。选择器用于选择要应用样式的HTML元素，声明块中包含了一系列的样式属性和值。 2. 样式属性和值：CSS提供了丰富的样式属性和对应的取值，可以用来控制元素的外观、布局和动画效果。例如，可以使用"color"属性来设置文本颜色，使用"font-size"属性来设置字体大小。 3. 样式的应用方式：CSS样式可以通过三种方式应用到HTML元素上：内联样式、内部样式表和外部样式表。内联样式是直接写在HTML标签的"style"属性中，内部样式表是写在HTML文档头部的"style"标签中，而外部样式表是单独的CSS文件，通过链接到HTML文档中来应用样式。 4. CSS选择器：选择器用于选择要应用样式的HTML元素。常见的选择器有标签选择器、类选择器、ID选择器、属性选择器等。通过选择器的组合和嵌套，可以更精确地选择元素并应用样式。 5. 盒模型：CSS中的盒模型描述了元素在页面中所占的空间。它由内容区、内边距、边框和外边距组成。通过设置盒模型的属性，可以控制元素的大小、边距和边框样式。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值