web概念概述 ,HTML语言,html语言的各种标签。

1、web概念概述

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

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

B/S架构详解:
资源分类:
静态资源:使用静态网页开发技术发布的资源
特点:所有用户访问,得到的结果是一样的
如:文本,图片,音频。视频,HTML,CSS,JavaScript
如果用户请求的是静态资源,那么服务器会直接将静态资源发送给浏览器。浏览器中内置了静态资源的解析引擎,可以展示静态资源。
动态资源:使用动态网页技术发布的资源
特点:所有用户访问,得到的结果可能不一样。
如:jsp/servlet,php,asp…
如果用户请求的是动态资源,那么服务器会执行动态资源,转换为静态资源,再发送给浏览器

学习动态资源,必须先学习静态资源
静态资源:
HTML:用于搭建基础网页,展示页面的内容
CSS:用于美化页面,布局页面
JavaScript:控制页面的元素,让页面有一些动态的效果

2、HTML

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

快速入门:
1、html文档后缀名为.html或者.htm
2、标签分为
围堵标签:有开始标签和结束标签。如
自闭和标签:开始标签和结束标签在一起。如

3、标签可以嵌套
4、在开始标签中可以定义属性。属性是由键值对构成,值需要用引号(单引号双引号都可以)引起来
5、html的标签不区分大小写,建议使用小写

3、html标签学习

1、文件标签:构成html最基本的标签
html:html文档的根标签
head:头标签。用于指定html文档的一些属性。引入一些外部的资源
title:标题标签
body:体标签
:html5中定义该文档是html文档
2、文本标签:和文本有关的标签
1、注释:

to

:标题标签,h1最大h6最小

:段落标签

:换行标签


:横直线
:字体加粗
:字体斜体
:汉字标签
3、图片标签:
4、列表标签:

5、语义化标签:html5中,为了提高程序的可读性,提供了一些标签。
例如:
:页眉
:页脚
6、div和span:
div:每一个div占满一整行。块级标签
span:文本信息在一行展示,行内标签 内联标签
7、表格标签:
table:定义表格
width:宽度
border:边框
cellpadding:定义内容和单元格的距离
cellspacing:定义单元格之间的距离。如果指定为0,则单元格的线会合为一条
bgcolor:背景色
tr:定义行
bgcolor:背景色
align:对齐方式
td:定义单元格:
colspan:合并列
rowspan:合并行
th:定义表头单元格
:表示表格的头部分
:表示表格的体部分
< tfoot>:表示表格的脚部分
:表格标题

8、列表标签:
有序列表:
<ol type = “1 / Ⅰ / A / a”>

  • 内容1

  • 内容2

  • 内容3

  • 内容4


  • 无序列表:

    • 内容1

    • 内容2

    • 内容3

    • 内容4

    9、链接标签:
    a:定义一个超链接
    属性:
    href:指定访问的URL(统一资源定位符)
    target:指定打开资源的方式
    _blank:在新的选项卡打开href的链接
    _self:在当前页面打开href的链接

    10、表单标签:form
    表单:
    概念:用于采集用户输入的数据的,用于和服务器进行交互。
    属性:
    action:指定提交数据的URL
    method:指定提交方式
    分类:一共7种,2中比较常用
    get:
    1、请求参数会在地址栏中显示
    2、请求参数长度是有限制的
    3、不太安全
    post:
    1、请求参数不会在地址栏中显示。会封装在请求体中(HTTP协议内容)
    2、请求参数的大小没有限制
    3、较为安全
    表单中的数据要想被提交,必须指定其name属性
    表单项标签:
    input:可以通过type属性值,改变元素展示的样式
    type属性:
    text:文本输入框,默认值
    password:密码输入框
    radio:单选框
    注意:
    1、要想让多个单选框实现只能选一个的功能,name属性的值必须相同。
    2、一般会给每一个单选框提供value属性,来指定其被选中后提交的值。
    checkbox:复选框
    select:下拉列表
    子元素:option,指定列表项
    textarea:文本域
    cols:指定列数–每一行有多少个字符
    rows:有多少行

猜你喜欢

转载自blog.csdn.net/Gaoju12138/article/details/114792977