`
哈达f
  • 浏览: 120320 次
  • 性别: Icon_minigender_1
  • 来自: 广西
社区版块
存档分类
最新评论

HTML

 
阅读更多
html:超文本标记语言。
	html语言中是由标签组成的。
	html中的数据都会封装在标签中。因为可以通过标签中的属性值的改变对封装内数据进行操作。

	确定html代码范围。<html> </html>
	在该范围中可以定义两部分内容,一部分是头,一部分是体。
	<html>
		<head></head>
		<body></body>
	</html>
	head:网页的一些属性信息。比如:标题。
	body:网页显示的数据。

	标签特点:对于数据进行封装,那么就有开始标签和结束标签,
		但是也有一些标签只体现单一功能,所以不需要结束标签,规范中要求标签必须要结束,所以这样的标签在内部结束。
		如:<br/>  <hr/> <img /> <input />

	标签格式:<标签名 属性名=“属性值” >数据</标签名>
		  <标签名 属性名=“属性值”  />

	-----------------------
	常见标签:
	1,字体:<font>
	<font size="7" color="#ffff00">数据</font>
	特殊部分:如果要在页面显示一些特殊符号,需要进行转义。
	<: &lt;  >: &gt;  &: &amp;  空格:&nbsp;
	标题:<h1> <h2> <h3>....<h6>

	
	2,列表标签:<dl></dl>
		上层项目:<dt>
		下次项目:<dd>
		项目符号标签:
			<ul>
			<ol>
			这两个标签中的列表项都由<li>标签封装。
		示例:
		1.游戏名称
			a.星际
			b.红警
		2.游戏内容
			a.攻略
			b.秘籍
	
	3,图像标签:<img>
		<img src="" alt="图像说明文字" />
	
	4,表格标签:<table>
		表格由行所组成,行由单元格组成。
		表格中默认都有一个tbody标签。
		标题标签:<caption>
		<table border="1" bordercolor="red" width="60%" cellpadding="10" cellspacing="0">
			<tr>
				<th></th>
				<th></th>
			</tr>
			<tr>
				<td></td>
				<td></td>
			</tr>
		</table>
		表格是最常用的标签,用于对数据进行格式化。
	
	5,超链接:<a>
		<a href="http://www.sina.com.cn" target="_blank" >新浪网站</a>

		当被点击后,会启动引擎所对应解析程序。
		去查找指定主机。
		1,先找本地主机的hosts文件。如果没有找到该主机对应的ip地址。
		2,去公网NDS服务器上找对应的ip地址。
		
		<a href="mailto:abc@sohu.com?subject=haha&cc=qq@163.com" >联系我们</a>
		当点击超链接时,就会出现邮件相关联的解析程序,本机默认的是outlook。


		超链接的另一个作用:
		定位标记.
		<a name="top">一个位置</a>

		<a href="#top">获取那个位置</a>

	
	6,表单标签:
		该标签是可以和服务端进行交互的。
		<form>
		表单标签中元素:
		<input>:该标签因为type属性的值的不同,所对应的组件也不一样。
		type属性:
			1,text:文本框,输入的文本可见。
			2,password:密码框,输入的文本不可见。
			3,radio:单选框,注意,要被选中,必须要给单选框定义一个属性name。
					当有多个单选框时,只能有一个别选中,那么这些单选框的name值必须相同。
			4,checkbox:复选框,当对多个数据进行同时选中时。
			5,file:可以进行文件选择的组件。通常用于附件,或者文件上传。
			6,hidden:隐藏组件,该组件的不会页面上显示,但是其定义的name和value可以提交到服务端。
			7,button:按钮组件,自定义一个按钮默认是没有任何效果的,可以通过注册事件并加入自定义效果。
			8,reset:重置按钮,将组件中被操作的效果还原到初始状态。
			9,submit:提交按钮,将组件中添加的数据提交到指定的目的地。
			10,image:图像组件,为了避免提交按钮的难看,可以通过image的src属性连接一个好看的按钮图片完成提			交效果。
		
		下拉菜单:<select>
			每一个下拉菜单项都由option进行封装。
			<select>
				<option></option>
			</select>

		文本区域:<textarea>

		表单组件通常都需要定义name和value属性,因为要将数据发送给服务端,
		服务端只有知道了该name的值才可以对提交的数据进行分别获取。

		form标签中的常见的属性:
		action:指定数据提交的目的地。method:提交方式。两种常用值get和post。get为默认。

		get和post的区别:
		get:会将提交的数据显示在地址栏上。
		post:不会将数据显示在地址栏。

		get:提交的数据的体积受地址栏的限制。
		post:可以提交大体积数据。

		get:对于敏感信息不安全。
		post:对于敏感信息安全。

		get:会将提交信息封装在请求行,也就是http消息头之前。	
		post:会将提交信息封装在数据体中,也就是http消息头之后的空行后。

		对于服务端而言。
		表单提交尽量用post,因为涉及到编码问题。因为tomcat服务端默认的解码是ISO8859-1.
		对于post提交的中文。在服务端可以直接使用setCharacterEncoding("gbk")就可以解决
		对于get提交的的中文,在服务端只能通过ISO8859-1将数据编码一次,在通过指定的码表如GBK解码。

		使用表单的组件不一定要定义form标签。只有需要将数据进行服务端的提交的时候才会用到form标签。




	

 

分享到:
评论

相关推荐

    winfrom中嵌套html,跟html的交互

    在Windows Forms(WinForms)应用开发中,有时候我们需要在应用程序中展示富文本或者实现复杂的用户交互,这时可以采用嵌入HTML的方式。本文将详细介绍如何在WinForms中嵌入HTML,并与HTML进行交互,同时通过提供的...

    html2image 2.0.3 用于简单的html转图片

    Html2Image html2Image = Html2Image.fromHtml(sb.toString(),null); // 这边如果设置false,图片不会自动根据内容设置长宽默认长1024 ,宽768 //html2Image.getImageRenderer().setAutoHeight(false); ...

    HTML期末大作业

    HTML,全称HyperText Markup Language,是用于创建网页的标准标记语言。这个“HTML期末大作业”显然涵盖了HTML的基础知识和应用技巧,对于学习者来说,无论是完成作业还是自我提升,都是一个宝贵的资源。 HTML的...

    html 个人网站 源码

    HTML个人网站源码是构建网页或简单网站的基础框架,它包含HTML、CSS和可能的JavaScript文件,这些元素共同构成了一个动态、交互式的网络界面。在这个压缩包中,我们看到的是一个名为“经典三列布局整套模板”的项目...

    html期末大作业

    HTML(HyperText Markup Language)是用于创建网页的标准标记语言,它是互联网上应用最广泛的语言,也是构建网页的基础。在这个“html期末大作业”中,我们可以推测这是一个学生或学习者为了完成课程要求,练习并...

    html2pdf_中文

    在IT行业中,HTML to PDF转换是一项常见的需求,特别是在网页内容需要离线阅读或者打印时。`html2pdf`是一个PHP库,它允许开发者将HTML页面转换为PDF文档,从而实现这个功能。`html2pdf`库特别强调了对中文的支持,...

    HTML静态网页模板下载大全

    HTML静态网页模板是网页设计中常见的一种资源,它是由HTML、CSS和JavaScript等技术构建的预设布局和设计。这些模板通常包含多个页面,如首页、关于我们、联系我们、产品展示等,为创建网站提供了一个快速而高效的...

    自己用c++写的html文件解析程序(html-x)

    【标题】"自己用C++写的HTML文件解析程序(html-x)"是个人开发的一款基于C++实现的HTML解析器。这个程序旨在处理HTML文档,提取其中的信息或者进行特定的DOM操作。开发者通过C++编程语言实现了对HTML文档的解析,允许...

    HTML转PDF 非常好用

    HTML到PDF转换是一种常见的需求,尤其在Web开发和文档生成领域。Aspose.Pdf是一款强大的.NET库,专门用于处理PDF文档,其中包括将HTML转换为PDF的功能。以下是对这个主题的详细探讨。 首先,理解HTML(超文本标记...

    通过SpringBoot访问HTML页面源码

    在本文中,我们将深入探讨如何使用SpringBoot框架访问和处理HTML页面。SpringBoot以其便捷的配置和快速的应用开发而闻名,使得构建Web应用程序变得更加简单。本实例将展示一个清晰、简洁且注释丰富的代码示例,帮助...

    50余款手机页面模版源码html5

    50余款手机页面模版源码html5 1.1【32赞HTM5响应式系列之右侧多级滑动式】仿Slideby触屏版html5响应式手机wap网站模板 2【32赞HTML5响应式系列之订餐模板】微官网美食订餐html5触屏响应式手机wap网站订餐模板 5【32...

    纯HTML网页源码

    HTML,全称HyperText Markup Language,即超文本标记语言,是构建互联网页面的基础。它是一种标记语言,通过一系列标签来描述网页的结构和内容。"纯HTML网页源码"指的是只包含HTML代码,不依赖其他如JavaScript、CSS...

    FreshHTML3.32.0.0汉化版

    FreshHTML是一款广受欢迎的HTML编辑器,其3.32.0.0汉化版为中文用户提供了极大的便利。这款编辑器的最大特点是它的所见即所得(WYSIWYG)功能,这意味着用户在编辑HTML代码时,可以直接看到页面的实际显示效果,极大...

    html静态页面源代码

    HTML(HyperText Markup Language)是一种标记语言,用于创建网页内容并定义其结构。在这个"html静态页面源代码"的压缩包中,包含了四个HTML源文件,它们是构建静态网站的基础。静态网站指的是不包含服务器端动态...

    html5饼图、柱状图、折线图,Html5+JS开发

    HTML5是一种先进的网页标准,它在图形和交互性方面提供了许多增强功能,使得开发者能够创建出更加生动和富有表现力的网页应用。本资源包含了一系列使用HTML5和JavaScript技术实现的图表,包括饼图、柱状图和折线图,...

    HTML日期选择控件

    HTML日期选择控件是网页开发中常用的一种交互元素,它允许用户方便地选取日期,常用于表单提交、日程安排或时间记录等场景。在HTML5中,引入了`&lt;input type="date"&gt;`标签,为开发者提供了一个内置的日期选择控件,但...

    mht 转换成html文件

    标题 "mht 转换成html文件" 描述的是一个工具的功能,该工具能够将.mht文件转换为.html文件。这种转换过程对于处理Web内容和跨浏览器兼容性问题至关重要。下面我们将深入探讨.mht和.html文件格式的区别以及转换过程...

    java代码生成html文件

    本示例将探讨如何使用Java生成HTML文件,这是构建动态网站或自动化报告等任务时常见的需求。通过Java生成HTML,我们可以将数据结构转化为用户友好的网页格式,便于在浏览器中查看。 标题 "java代码生成html文件" 指...

    80套HTML期末学生结课大作业作品(HTML+CSS+JS)动物宠物

    临近期末, 你是否还在为HTML网页设计期末作业而发愁,是否为还在为老师的网页制作作业要求感到头大?是否觉得HTML网页作业无从下手?,网页要求的总数量太多?是否找不到合适的模板?等等一系列问题。本资源就可以为...

    itext5.4.2 html2pdf

    《深入解析itext5.4.2与html2pdf:打造中文支持的PDF转换利器》 在数字化的时代,HTML和PDF两种格式在信息传递中占据了重要地位。HTML用于网页展示,而PDF则常用于文档保存和打印。然而,将HTML转换为PDF的需求时常...

Global site tag (gtag.js) - Google Analytics