2.1.1HTML

作者: 那个菜鸡姓朱 | 来源:发表于2020-02-03 08:55 被阅读0次

    web概念概述

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

    *软件架构:
    1.C/S:Client/Server 客户端/服务器端
    在用户本地有一个客户端程序,在远程有一个服务器端程序
    优点:用户体验好
    缺点:开发、安装、部署、维护麻烦

    2.B/S:Browser/Server 浏览器/服务器端
    只需要一个浏览器,用户通过不同的网址(url),客户访问不同的服务器端程序
    优点:开发、安装、部署、维护简单
    缺点:对硬件要求过高;如果应用过大,用户的体验可能会受到影响

    *B/S架构详解
    资源分类:
    1.静态资源:
    1)概念:使用静态网页开发技术发布的资源。
    2)特点:
    ①所有用户访问,得到的结果都是一样的
    ②如:文本,图片,音频,视频,HTML,CSS,JavaScript
    ③如果用户请求的是静态资源,那么服务器会直接将静态资源发给服务器,浏览器中内置了静态资源的解析引擎,可以展示静态资源。

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

    静态资源:

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

    HTML

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

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

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

    3.标签
    1)文件标签:构成html最基本的标签
    html:html文档的根标签
    head:头标签。用于指定html文档的一些属性。引入外部的资源。
    title:标题标签
    body:体标签
    <!DOCTYPE html>:html5中定义该文档是html文档

    2)文本标签:和文本有关的标签
    注释:<!-- 注释 -->
    <h1> to <h6>:标题标签
    <p>:段落标签
    <br>:换行标签
    <hr>:显示一条水平线
    <b>:字体加粗
    <i>:字体斜体
    <font>:字体标签
    <center>:文本居中

    3)图片标签:img

    4)列表标签:
    有序列表:
    <ol>
    <li>....</li>
    <li>....</li>
    </ol>
    无序列表:
    <ul>
    <li>....</li>
    <li>....</li>
    </ul>

    5)链接标签:
    a:定义一个超链接
    属性:
    href:指定访问资源的URL
    target:指定打开资源的方式:
    _self:默认值,在当前页面打开;
    _blank:在空白页打开

    6)div、span:
    div:每一个div占满一整行。块级标签
    span:文本信息在一行展示。行内标签 内联标签

    7)语义化标签:html5中为了提高程序的可读性,提供了一些标签
    <header>:页眉
    <footer>:页脚

    8)表格标签:
    table:定义表格
    tr:定义行
    td:定义单元格
    colspan:合并列
    rowspan:合并行
    th:定义表头单元格
    <caption>:表格标题
    <thead>:表示表格的头部分
    <tbody>:表示表格的体部分
    <tfoot>:表示表格的脚部分

    HTML标签:表单标签

    表单:
    1. 概念:用于采集用户输入的数据,用于和服务器进行交互
    2. from:用于定义表单的。可以定义一个范围,范围代表采集用户数据的范围。
    3. 属性:
      1)action:指定提交数据的URL
      2)method:制定提交方式(共7种,2种常用)
      get:
      ①请求参数会在地址栏中显示。会封装到请求行中。
      ②请求参数大小有限制。
      ③不太安全。
      post:
      ①请求参数不会在地址栏中显示。会封装到请求体中。
      ②请求参数大小没有限制。
      ③较为安全。

    表单项中的数据想要被提交,必须指定其name属性。

    表单项标签:

    1. input:可以通过type属性值,改变原始展示的样式
    type属性:
    • text:文本输入框,默认值

    • password:密码输入框

    • placeholder:指定输入框的提示信息,当输入框的内容发生变化,会自动清空提示信息。

    • radio:单选框
      注意:
      1)要想让多个单选框实现单选的效果,则多个单选框的name属性值必须一样。
      2)一般会给每一个单选框提供value属性,指定其被选中后提交的值
      3)checked属性,可以指定默认值

    • checkbox:多选框
      注意:
      1)一般会给每一个单选框提供value属性,指定其被选中后提交的值
      2)checked属性,可以指定默认值

    • file:文件选择框

    • hideen:隐藏域,用于提交一些信息

    • 按钮:
      1)summit:提交按钮。可以提交表单
      2)button:普通按钮
      3)image:图片提交按钮

    1. label:指定输入项的文字描述信息
      注意:
      label 的for属性一般会和input的id属性值对应。如果对应了,则点击label区域,会让input输入框获取焦点。
    2. select:下拉列表
    • option,指定列表项
    1. textarea:文本域
    • cols:指定列数,每一行多少个字符
    • rows:指定行数

    相关文章

      网友评论

          本文标题:2.1.1HTML

          本文链接:https://www.haomeiwen.com/subject/pouqxhtx.html