区分:

1.HTML(hyper text markup language)
静态的网页技术

2.JSP (java server page)(实质是HTML+java)
动态的网页技术

3.Servlet(java)

4.js (javascript)
不需要任何环境就能运行的脚本语言

5.ajax (异步传输的技术)

HTML的基本语法结构

1.enter键不被识别 换行标签

space键连续的时候,默认只能识别一个 空格:

加粗标签:b
font标签用于控制页面文字的字体、字号和颜色

<font size=“3” color=“red” face=“宋体”>
文字内容
</font>

修改数据长相font:大小 size 1~7 默认是3
颜色 color 英文单词 RGB #ff0000
字体 face 看系统
图片标签img用于在HTML页面添加图片
包含src和alt两个重要属性,src属性用于指定图片的路径,alt属性用于设置图片的默认信息

<img src=“test/故宫.jpg” alt=“故宫俯视图” />
<img src=“D:/program/images/长城.jpg”alt=“长城”/>

超链接标签为页面跳转标签
超链接标签< a>
包含两个重要属性
href属性:指定超链接的目标页面名称
target属性:指定在某个框架页面中显示
语法格式如下:

<a href=“second.html” target=“test02frame”>

test02frame是某个frame的name属性的值

2.table布局,先画行,再画列

<table><tr><td>1</td></tr>
</table>

修改表格大小:width height

让数据水平居中:align:left,center,right
垂直居中:valign:top,middle,bottom
跨行:rowspan=“2”
跨列:colspan=“2”

3.frameset
框架集标签frameset
框架集标签用于替换HTML的body标签,将整个页面划分为几个部分,可以垂直和水平划分,语法格式如下:

<frameset cols=“200, *”>  垂直划分两部分,即页面以左右结构分割,左边200像素,右边为剩余部分(*表示剩余)
<frameset rows=“150,*,300”> 水平划分三部分,顶部150像素,中间为剩余部分,底部为300像素

框架集划分的每部分都是一个框架frame,每个frame可以引用一个页面,语法格式如下:

<frameset cols=“200, *”><frame src =“first.html” />    <!-- 引用first页 --><frame src =“second.html”/><!-- 引用second页 -->
</frameset>

4.HTML 页面的基本结构

<html>                 //HTML起始标签<head>              //页面头部起始标签<title>网页标题</title>   //页面标题</head>             //页面头部结尾标签<body>              //页面正文起始标签网页正文</body>             //页面正文结束标签</html>                 //HTML结束标签

5.HTML表单

< form> 元素
HTML 表单用于收集用户输入。
< form> 元素定义 HTML 表单:

控件标签

HTML基本标签、字体设置标签、表格标签,表单标签相关推荐

  1. 03表格和表单标签的简单使用

    表格和表单标签 一.表格 01.table标签 tr:表示一行 th(table head):表示表头的单元格 td(table body):表示单元格 border="1" :给 ...

  2. HTML5+CSS3 02(表格、表单标签、语义化,字符实体标签)

    一 表格的基本使用 1.1 表格的基本标签 场景:在网页中以行+列的单元格的方式整齐展示和数据,如:学生成绩表 基本标签: 标签名 说明 table 表格整体,可用于包裹多个tr tr 表格每行,可用 ...

  3. HTML5初学——列表标签(09-12课)和表单标签(13-30课)、查阅文档

    09.无序列表(unorder list) 1.列表:如果说表格用于显示数据,那么列表就是用于布局的 2.列表最大的特点就是整齐.整洁.有序.它作为布局会更加自由和方便 3.分为三类:无序列表.有序列 ...

  4. HTML学习二_HTML常用的行级标签,常用实体字符及表单标签

    HTML常用的行级标签(行内元素)不独占一行### 有语义的行内元素 #### HTML链接 a标签 ```angular2html<a href="链接地址">链接文 ...

  5. html 表格与表单的设置,3HTML 表格与表单的设置.ppt

    3HTML 表格与表单的设置.ppt (11页) 本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦! 15.9 积分 表格的设置表单及表单中常用的标记使用表格可以划 ...

  6. web前段学习day_01:HTML(学习如何搭建页面结构和内容):文本标签、列表标签、图片标签、超链接、表格、表单表单、分区标签、实体引用

    学习如何构造页面结构和内容 安装HBuilderX 一.HTML 创建第一个HTML页面 写完html后如何测试 写在body中的常见标签有哪些? 注释快捷键 Ctrl+Shift+/ 1.文本相关标 ...

  7. 前端基础(二):HTML之列表、表格、表单标签

    下面是小凰凰的简介,看下吧!

  8. 那些酷炫的网页你也可以做到——第六篇(表单标签)

    前情回顾(不断复习): HTML第一篇 HTML第二篇 HTML第三篇 HTML第四篇 HTML第五篇 表单标签 我们每天都在使用QQ,那你知道QQ这个登录界面是怎么实现的吗?今天就教你做一个登录界面 ...

  9. html的表单标签(form)

    目录标题 1.表单标签主要有三大类: 2.表单标签中常见的属性 3.例子代码及结果 4.注意: 5.表单中特殊的属性 表单标签可以用来数据交互,而前面学的六个标签只能发送不能接收. 表单标签的作用就是 ...

  10. html如何运用表格,表单

    示例如图的任务做一个表格表单  1.了解相关表格,表单标签 拿到任务第一步先熟悉表格表单相关标签 表格相关标签 首先<table></table> <tr>设置行 ...

最新文章

  1. mxmkc编译器参数!
  2. oracle和dba,oracle db、dba和rdba
  3. Java的基础数据类型
  4. onSaveInstanceState在系统之后可能会杀掉Activity时调用,onStop之前
  5. C++11 —— 简易的旋转锁类
  6. 与敏捷团队一起交付价值
  7. python加颜色_python字符串加颜色显示
  8. mybatis中resultType和resultMap的区别
  9. 美国数据科学家:重视非结构化数据分析 走出两大“经典”误区
  10. MathType 7试用版写论文科研必备神器
  11. 如何删除360浏览器的桔梗导航
  12. yoga14s amd r7-4800h虚拟机安装黑苹果记录
  13. [模拟]JZOJ 2499 东风谷早苗
  14. 教大家做蛋黄酥的做法
  15. 操作系统复习——进程同步与通信
  16. 「实在RPA学院」电商运营36计:企微批量自动加好友
  17. 想要学习丙烯画,这些地方要注意了~
  18. pdf如何做到批量格式转换?
  19. 用PS去设计食品网站的展示
  20. 单隐层神经网络可以拟合任意单值连续函数

热门文章

  1. 【分享】双12了,也没啥可送大家的,就送大家点商业源码吧!
  2. loadrunner12.53 录制脚本时 打不开网页或者打开网页慢?
  3. 与游戏频繁挂钩的SCP是什么?
  4. install cgminer on linux
  5. 电脑新机测试软件,怎么检测新买电脑是否是新机
  6. Diskgenius v5.2专家级数据恢复,真正的可恢复硬盘大数据软件
  7. 弄了一整天,终于把打印自定义纸张大小搞定了(上)--IT man
  8. freefilesync数据同步
  9. 如何设计一个复杂的分布式爬虫系统?
  10. 这18款作品斩获2020 Qualcomm XR 创新应用挑战赛奖项