前端技术的概括以及html的基本知识总结

1.javaweb的理解:
使用java语言开发的web应用。通过浏览器访问的 应用【包括公司官网、管理系统】

2.流行的开发应用的架构
1.C/S模式【客户端服务器架构】
1.网速要求比较低
2.需要更新
3.不同的操作系统 需要开发不同的应用【不跨平台】
4.用户使用的应用(聊天工具)
2.B/S模式【浏览器服务器架构】
1.网速要求比较高(4G)5G
2.无需更新
3.只需要开发一个应用,在任何系统中都可以访问(跨平台)

3.前端技术
1.结构HTML
HTML是网页内容的载体。内容就是网页制造者放在页面上想要让用户浏览的信息,可以包括文字、图片、视频等
2.表现CSS
CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等
3.行为JavaScript
是用来实现网页上的特殊效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。

4.HTML的理解:
HyperText Marked Language(超文本标记语言)超出文本范畴既可以显示文字也可以显示图片,视频 ,音频,由浏览器无需编译可以直接解析 网页结构
语法特点:
1.标签都是预先定义好的:每一个标签都有特定的含义
2.标签名不区分大小写,一般要求小写
3.标签通常是成对出现的:有开始有结束
4.也有单边标签
5。每一个标签包含的内容:一个完整的标签称为元素
6.标签可以嵌套
7.分为head头和body体
8.注释格式<!-- - - >
常见标签
1.文本修饰标签
1.标题标签 <h1>到 <h6>独占一行加粗
2.加粗标签<b>、<strong>
3.斜体标签 <cite>、<i>、<em>
4.下划线 <u>
5.删除标签 <s>
6.上标<sup> 下标<sub>
7.滚动标签 <marquee>
8.字体标签 <font>
2.格式修饰标签
1.<p>段落标签
2< hr width ="宽度" size="高度"/>分割线标签
3.<br/>换行标签
4.有序列表<ol type="样式"><li>1</li><li>2</li></ol>
5.无序列表 <ul type="样式"><li>1</li><li>2</li></ul>
6.自定义列表 <dl type="样式"><li>1</li><li>2</li></dl>
3.多媒体标签
1.<img src = "图片路径" width=“宽” height=“高” titile+"提示信息">
2.<audio src = "音乐路径" width=“宽” height=“高” titile+"提示信息">
3.<video src = "视频路径" width="宽" height="高" titile="提示信息">
4.超链接标签
:超链接标签 点击可以跳转
属性:
1.href:目标路径 可以是绝对路径 也可以是相对路径 也可以是锚点id标记 #id值
2.target:_self:默认自身窗口打开 _blank:新窗口打开_parent :打开父窗口显示 _top:最顶层页面打开
5.表格标签

<table>:表格标签
   属性
    border:边框
    cellspacing:外边距
    width:宽度
    height:高度
    align:对齐方式
    cellpadding:内边距(内容与内边框的距离)
   标签:
    caption:表格的标题
    tr:行 属性 align:对齐方式:默认左对齐
    td:列  属性 rowspan:合并行(上下)colspan(合并左右行)
    th:列标题  加粗居中
  ***

6.表单标签

  form标签:
    1.作用:用户可以实现提交数据到服务器。登录,注册,搜索等
    属性:
     1.action 提交到服务器的地址(url)
     2.method 请求方式
      默认:get 将输入信息拼接在url路径中相对不安全   内容不超过2kb
      post:将数据放在请求头中(headers)提交相对安全,理论上没有限制  通常使用post方式提交
     3.enctype:表单数据提交到后台的编码
      默认:application/x-www-form-urlencoded:将表单数据解析成键值对的形式
      文件上传:multipart/form-data
   input标签:输入框
    属性:
     1.type:输入内容的格式
      text:文本内容
      password:密码
      radio:单选框注意:name一致实现互斥
      checkbox:复选框注意:name一致
      button:按钮 没有提交表单功能 结合js使用
      submit:提交按钮 可以将表单数据提交到后台
      file:文件上传框
     2.name:作用:提交后台(键值对)name值=输入的值
     3.value:输入框的默认值 可以省略
     4.placeholder:提示
   select标签:下拉列表  属性name
   option标签:每一个下拉列表的元素 和select结合使用
   textarea标签:文本域标签
    属性:cols:宽  rows:高
   button标签:按钮 有提交表单的功能
  ****
  

7.内联框架标签

 iframe标签
:内联架构标签  页面中有嵌套页面
   属性:src:嵌套的页面路径width:宽度 heigth:高度
   frameborder 边框大小
   a标签:属性target指定那个窗体打开页面
  *

8.架构标签:主要用户后台管理*

 frameset标签:可以分割页面
   属性:
    rows:上下分割  100px一部分 *剩下部分
    cols:左右分割
    noresize:不可重置大小
    border:frame的边框大小
   frame:分割的部分加载后的资源页面
   src:加载的页面

9…无意义的标签(结合css使用)

 可以使用
css样式更加灵活的控制标签样式
   div:块元素标签  独占一行 可以指定宽度和高度
   span:行元素标签  不独占一行 不可以指定宽度和高度
  

10.字符实体

  1.空格   实体名称  &nbsp; 实体编号 &#160
   2小于号  实体名称 &lt; 实体编号 &#60
   等等参考W3school
发布了29 篇原创文章 · 获赞 9 · 访问量 816

猜你喜欢

转载自blog.csdn.net/qq_41488299/article/details/105181636