JavaWeb html基本标签

是小李同学呀~

已于 2022-03-19 21:48:52 修改

阅读量443

点赞数 1

分类专栏： JavaWeb基础学习文章标签： HTML html5

于 2022-03-19 16:30:58 首次发布

本文链接：https://blog.csdn.net/qq_38557784/article/details/123593859

版权

JavaWeb基础学习专栏收录该内容

29 篇文章 1 订阅

订阅专栏

html 常用的标签

文字标签

<!DOCTYPE html><!---表示html5标准--->
<html>
	<head>
		<!--表示设置网页编码是utf-8:用来处理中文乱码-->
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		开始
		<font>文字标签/元素/节点</font>
		<br />
		<font face="微软雅黑" size="5" color="blanchedalmond">
		face:表示文字的样式
		size:文字大小
		color:文字颜色
		</font>
		
	</body>
</html>

特殊字符水平线
在这里插入图片描述

单标签
		水平线 属性：color size : width:单位px 也可以写百分比 
		align:表示对其方式
		<hr width="100px" />

图片标签

<!--
		图片：img标签,单标记
		src 路径
		width height 宽高
		border:表示设置图片边框
		alt:表示如果图片找不到，会显示文字提示
		注意：一般为了图片不变形，只设置宽度或者高度，不会同时设置
		找图片的步骤：
		返回上一级目录..
		--->
		<img src="" alt="">

超链接

<a href="">超链接 属性：target 表示网页跳转的方式
		 _blank 表示新建一个空白窗口
		_self表示在当前窗口打开网页
		mailto:表示连接到邮箱
		</a>
</a>
		<!--定位资源：当前页面跳转
		注意：超链接中href属性，#后面的值要和name属性的值完全一样
		返回到顶部#top
		-->
		<a href="#a"></a>
		<a name="a"></a>
		<a href="#top">返回</a>

表格

<!--
		表格标签: table 
		表格的行标签: tr: tr只表示行，没有任何意义，也不会放任何内容。
		表格的单元格标签: td:所有的表格内容都是放在td中。
		如何写表格?
		规则:先确定好有几行(tr)，再确定要每行有几个单元格(td)。
		border:表示边框
		cellspacing：表示设置单元格之间的距离
		cellpadding：表示单元格内容距离单元格边框的距离
		bordercolor:边框颜色
		bgcolor:背景颜色
		background:设置表格背景图片
		align:对齐方式 center:水平居中 left；左对齐 right右对齐
	    在需要跨列的单元格加 colspan:表示跨多少个单元格
	    在需要跨行的单元格加rowspan
		-->
		<table border="" cellspacing="" cellpadding="">
			<tr><th>Header</th></tr>
			<tr><td>Data</td></tr>
		</table>

<table border="1" width="300" height="300" cellpadding="">
			<tr>
				<td rowspan="2"></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td colspan="3"></td>
			</tr>
		</table>

在这里插入图片描述
列表

<!--
		有序列表ol 属性：type：A a i.... 显示多种不同的序号  列表项：li
		无序列表ul 属性：type：circle square .... 列表项：li 一般用作网页导航
		-->
		<ol>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ol>

块级元素和内联元素
A）块级元素
特点:
1）独占一行。
2）会另起一行
3)默认宽度是容器的100%
4）可设置width，height，margin，padding.
5)内部可包含块级或内联元素。
常见的块级元素: div，form,p,table，h1~h6,hr，ol，ul
B）内联元素
特点;
1）和其他内联元素同行显示。
2）高度和宽度就是内容的高度和宽度
3)设置width, height 无效，可设置部分margin, padding.
4)内部可包含块级或内联元素。
常见的内联元索: a, img, input, span
DIV元素

<div>标签可以把文档分割为独立的、不同的部分.
<div> :经常与CSS-起使用，用来布局网页。

div是一个块级元素。
span元素

<span>标签:提供了一种将文本的一 部分或者文档的一部分独立出来的方式。
被<span>元素包含的文本，您可以使用CSS对它定义样式

span是个行内元素。
表单(重要)
1)什么是表单?
表单一般用来网站的注册，把注册信息提交到服务器保存。

2)表单常用标签和属性

表单：form标签
		method：post get 表示表单提交的方式
		action:表示表单提交的地址
	    input 标签：表示表单元素标签
			type：表示表单元素的类型
				 text:表示文本框
				 password:表示密码框
				 radio:表示单选按钮!
					单选按钮必须要添加name属性 才能单选
					checked:表示默认选中某个按钮
				 checkbox:表示多选框
					也需要添加name属性，用来提交服务器
					checked:表示默认选中某个框
					
				date：表示日期格式：
					html5功能，版本低的浏览器不支持
				file:文件上传,文件数据写入服务器
					name
					
				submit：表单提交按钮
					value：表示表单提交的名称
				reset:重置按钮
					value：表示表单重置的名称
					
			maxlength:表示文本框最多多少个字符
			size:表示文本框的尺寸
			name：表示文本框的名称,一般用来把文本框的内容提交到服务器
			value:表示内容
		     placeholder:失去焦点显示预定义内容，获取焦点不显示预定义内容
		select:表示下拉框
			属性：name：表示下拉框的名字
			子标签：option：选择项
					value:表示下拉框的值，用来提交服务器
		
		texrarea:文本域
			属性：cols:表示每列可以写多少个字符
				rows:表示有多少行

get和Post的区别: (面试题)

1、get方式会把表单数据放在ur1中，数据不安全
post方式会把表单数据放在请求体红，数据安全
2、get方式一般只能放几十KB数据
post方式没有限制
3、post方式一般用来进行表单提交。
get方式一般用在其他地方
html头标签

Html头标签的使用: 
	Head里面的标签就是头标签,里面可以放如下标签:
	1、Title :表示在标签上显示的内容
	2. <meta>: 设置页面的一些相关内容，用来描述一个HTML网页文档的属性，例如
			作者、日期和时间、网页描述、关键词、页面刷新等。
			name属性: keywords description
	http- equiv属性:
			1. 设置字符集
			2. refresh : <meta http- equ1v=" refresh" content="3;url="01. htm1" />
				refresh:刷新网页 
				content：几秒刷新；目的地址
	3、dbase target-". blank">可以统- 设置超链接的打开方式
	4、<1ink>引入外部文件，如: css文件

是小李同学呀~

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaWeb html基本标签

html 常用的标签文字标签<!DOCTYPE html><html> <head>  <meta charset="utf-8"> <title></title> </head> <body> 开始 <font>文字标签/元素/节点</font
复制链接

扫一扫