HTML基本标签、字体设置标签、表格标签,表单标签

区分:

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 表单:
在这里插入图片描述
控件标签
在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_43689040/article/details/88086436