HTML概述

最新推荐文章于 2024-05-20 18:30:00 发布

木头的木

最新推荐文章于 2024-05-20 18:30:00 发布

阅读量96

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/weixin_43840862/article/details/105166820

版权

html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

web概念概述

JavaWeb：
* 使用Java语言开发基于互联网的项目
软件架构：
1. C/S: Client/Server 客户端/服务器端
* 在用户本地有一个客户端程序，在远程有一个服务器端程序
* 如：QQ，迅雷…
* 优点：
1. 用户体验好
* 缺点：
1. 开发、安装，部署，维护麻烦
2. B/S: Browser/Server 浏览器/服务器端
* 只需要一个浏览器，用户通过不同的网址(URL)，客户访问不同的服务器端程序
* 优点：
1. 开发、安装，部署，维护简单
* 缺点：
1. 如果应用过大，用户的体验可能会受到影响
2. 对硬件要求过高
- B/S架构详解
  - 资源分类：
    1. 静态资源：
      - 使用静态网页开发技术发布的资源。
      - 特点：
        所有用户访问，得到的结果是一样的。
        如：文本，图片，音频、视频, HTML,CSS,JavaScript
        如果用户请求的是静态资源，那么服务器会直接将静态资源发送给浏览器。浏览器中内置了静态资源的解析引擎，可以展示静态资源
    2. 动态资源：
      - 使用动态网页及时发布的资源。
      - 特点：
        所有用户访问，得到的结果可能不一样。
        如：jsp/servlet,php,asp…
        如果用户请求的是动态资源，那么服务器会执行动态资源，转换为静态资源，再发送给浏览器

我们要学习动态资源，必须先学习静态资源！

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

HTML

概念：是最基础的网页开发语言
* Hyper Text Markup Language 超文本标记语言
* 超文本:
* 超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本.
* 标记语言:
* 由标签构成的语言。<标签名称> 如 html，xml
* 标记语言不是编程语言
快速入门：
* 语法：
1. html文档后缀名 .html 或者 .htm
2. 标签分为
```
 		 1. 围堵标签：有开始标签和结束标签。如 `<html> </html>`
 		 2. 自闭和标签：开始标签和结束标签在一起。如 ` `
```
1. 标签可以嵌套：
 需要正确嵌套，不能你中有我，我中有你
 错误：<a></a>
 正确：<a></a>
2. 在开始标签中可以定义属性。属性是由键值对构成，值需要用引号(单双都可)引起来
3. html的标签不区分大小写，但是建议使用小写。
```
 <html>
 
 	<head>
 		<title>title</title>
 	</head>
 	
 	<body>
 		Hello World 
 		
 		Hello World
 	
 	</body>

 </html>
```
4. 标签学习：
 1. 文件标签：构成html最基本的标签
 - html:html文档的根标签
 - head：头标签。用于指定html文档的一些属性。引入外部的资源
 - title：标题标签。
 - body：体标签
 - ：html5中定义该文档是html文档
 2. 文本标签：和文本有关的标签
 - 注释：
 - <h1> to <h6>：标题标签
 - h1~h6:字体大小逐渐递减
 - ：段落标签
 -  ：换行标签
 - <hr>：展示一条水平线
 - 属性：
 color：颜色
 width：宽度
 size：高度
 align：对其方式
 center：居中
 left：左对齐
 right：右对齐
 - ：字体加粗
 - ：字体斜体
 - :字体标签
 - <center>:文本居中
 - 属性：
 color：颜色
 size：大小
 face：字体
 - 属性定义：
 - color：
 英文单词：red,green,blue
 rgb(值1，值2，值3)：值的范围：0~255 如 rgb(0,0,255)
 #值1值2值3：值的范围：00~FF之间。如： #FF00FF
 - width：
 数值：width=‘20’ ,数值的单位，默认是 px(像素)
 数值%：占比相对于父元素的比例
表单标签
- 表单：
 - 概念：用于采集用户输入的数据的。用于和服务器进行交互。
 - form：用于定义表单的。可以定义一个范围，范围代表采集用户数据的范围
 - 属性：
 - action：指定提交数据的URL
 - method:指定提交方式
 分类：一共7种，2种比较常用
 get：
 请求参数会在地址栏中显示。会封装到请求行中(HTTP协议后讲解)。
 请求参数大小是有限制的。
 不太安全。
 
 post：
 2. 请求参数不会再地址栏中显示。会封装在请求体中(HTTP协议后讲解)
 2. 请求参数的大小没有限制。
 3. 较为安全。
 - 表单项中的数据要想被提交：必须指定其name属性
 - 表单项标签：
 - input：可以通过type属性值，改变元素展示的样式
 - type属性：
 
 text：文本输入框，默认值
 
 placeholder：指定输入框的提示信息，当输入框的内容发生变化，会自动清空提示信息
 
 password：密码输入框
 
 radio:单选框
 
 注意：
 要想让多个单选框实现单选的效果，则多个单选框的name属性值必须一样。
 一般会给每一个单选框提供value属性，指定其被选中后提交的值
 checked属性，可以指定默认值
 
 checkbox：复选框
 
 注意：
 一般会给每一个单选框提供value属性，指定其被选中后提交的值
 checked属性，可以指定默认值
 
 file：文件选择框
 
 hidden：隐藏域，用于提交一些信息。
 
 按钮：
 
 submit：提交按钮。可以提交表单
 button：普通按钮
 image：图片提交按钮
 src属性指定图片的路径
 - label：指定输入项的文字描述信息
 
 注意：
 label的for属性一般会和 input 的 id属性值对应。如果对应了，则点击label区域，会让input输入框获取焦点。
 - select: 下拉列表
 - 子元素：option，指定列表项
 - textarea：文本域
 - cols：指定列数，每一行有多少个字符
 - rows：默认多少行。

木头的木

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML概述

web概念概述JavaWeb：* 使用Java语言开发基于互联网的项目软件架构：1. C/S: Client/Server 客户端/服务器端* 在用户本地有一个客户端程序，在远程有一个服务器端程序* 如：QQ，迅雷…* 优点：1. 用户体验好* 缺点：1. 开发、安装，部署，维护麻烦2. B/S: Browser/Server 浏览器/服务器端* 只需要一个浏览器...
复制链接

扫一扫