作者:woaimm0705242 | 来源:互联网 | 2013-08-13 09:28
如果你对html一无所知,还苦恼与html如何入门,笔者很建议你学习下这篇文章,可以让你快速掌握html,如果你已经是html的高手,那么也希望您给我以更好的建议
编外话
如果你对html一无所知,还苦恼与html如何入门,笔者很建议你学习下这篇文章,可以让你快速掌握html,如果你已经是html的高手,那么也希望您给我以更好的建议。
概要
HTML俗称超文本标记语言,是Hyper TextMarkup Language的缩写,是用于描述网页文档的一种标记语言。网页文件本身只是一种文本文件,我们通过在文本文件中添加标记符号,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等),这些标记符号就是我们的html,我们学习html就是学习这些标记符号,今天我们主要来学习一些常见的html标记符号也称为html元素、
标签元素
标签介绍
html元素包括一个或一对标签定义的包含范围。而标签就是由两个字符串“<”和“>”号组成,标签包括开始标签“<>”和结束标签“>”。
html标签元素有四种形式分别是:
空元素:
带有属性的空元素:
带有内容的元素:这是内容
带有内容和属性的元素:这是内容
这里有一点要说的是在html文档中,标签和属性的名字是和大小无关的。
html框架的必备基本元素
表示文档的开始和文档结束
表示文档头部的开始和结束
表示文档标题的开始和结束
表示文档的正文的开始和结束
html注释
格式是小于号(<),感叹号(!)小于号和感叹号间无空格,接下来是两条短线(--),然后就是注释内容,最后又是两条短线(--)和大于号(>)。
如:
与段落控制相关的标签
创建一个段落,属性align表示段落的对齐方式,#可以是left、center、right、justify。
作用是换行
作用是插入一条水平线,属性color用来表示颜色。
与文本显示相关的标签
…
使文本居中显示
作用是表示文档的标题,n是从1-6的整数,一次为最大标题,6是最小标题,align为设置标题对齐方式,包括left、center、right
...
设置字体,size为字体大小,从1到7的整数,数字越大,字体越大。
...
使文本成为粗体。
…
使文本成为斜体
列表元素创建的标签
a.创建带数字编号的列表:
... 用start属性,设置起始的序号。
... 用value属性,改变列表内的序号顺序。
b.创建带有项目符合的列表:
和,他们标签的type属性指定符号的样式:
disc,显示为实心的圆圈;
square,显示未实心的方块。
circle,显示未空心的圆圈
b.建立无符号的列表
与标签创建无符号的列表
和 ,创建缩进的列表
表格元素的标签
表格在网页布局中的作用是至关重要的,表格是用
来定义的,
具体的定义为:
属性border用于定义表格边框的宽度,属性align用于设定表格的对齐方式,可以是left、right、center。bgcolor是颜色。
… 用来定义表格的标题
... 为表格添加新行
… 用于定义表头
… 用于定义单元格
html交互式表单
表单在网页中主要负责数据采集功能,比如我们平常注册信息、输入信息可以与网页进行交互的都是表单。
表单使用...元素创建,在两者之间嵌入其它相关元素或者说是控件,就可以创建作为html文档一部分的表单。
创建表单的基本语法如下:
….
属性method用于指定向服务器发送表单数据时所使用的HTTP方法,用get或者post皆可,提交的数据被附加到URL的末端,作为URL的一部分发送到服务器。
下面就是关于表单常用的一些元素:
元素用于接收用户输入的信息,它是一个带有属性的空元素,用来创建表单中的控件语法是
属性type用来指定要创建的控件的类型,属性那么用来指定控件的名称,size用来指定表单中控件的初始宽度,属性value指定控件的初始值。
关于type的类型可以参考下面张图片:
列表框元素
允许用户从一个下拉菜单中选择一项或多项,列表框由元素创建,列表框中的各个选项用元素提供。
多行文本输入控件
…
属性rows用于指定文本框输入控件可视区域显示的文本行数,cols指定文本输入控件可视区域显示的宽度。
超链接标签
…
属性href用于指定链接的目标,目标地址有URL定位,在开始标签 之间的文本将作为浏览器中显示的链接文本。
嵌入图像标签
属性src指定图像资源的位置,属性width和height用于指定图片的尺寸,在这里需要注意的是src应该尽量用相对路径而不用绝对路径。
特殊字符元素
特殊字符包括字符引用和实体引用,下面我们将常用的进行总结
总结
我们将这些用的最多的也是最基础的一些标签元素进行了总结,一旦掌握这些最基础的,你就可以快速成为html初级人员,编写一个简单的html网页是不成问题的,这也为以后的进一步学习打下基础
推荐阅读
本文详细解析了JSONP(JSON with Padding)的跨域机制及其工作原理。JSONP是一种通过动态创建``标签来实现跨域请求的技术,其核心在于利用了浏览器对``标签的宽松同源策略。文章不仅介绍了JSONP的产生背景,还深入探讨了其具体实现过程,包括如何构造请求、服务器端如何响应以及客户端如何处理返回的数据。此外,还分析了JSONP的优势和局限性,帮助读者全面理解这一技术在现代Web开发中的应用。 ...
[详细]
蜡笔小新 2024-11-01 19:08:41
在Web浏览过程中,HTTP协议通过请求和响应报文实现客户端与服务器之间的通信。当用户访问一个网页时,浏览器会发送一个HTTP请求报文至服务器,服务器接收到请求后,会生成并返回一个HTTP响应报文。这两种报文均包含三个主要部分:起始行、头部字段和消息体,确保了数据的有效传输和解析。 ...
[详细]
蜡笔小新 2024-11-01 17:06:35
来宾 | Vmware ESXi 平台下的虚拟机在线管理与技术支持 ...
[详细]
蜡笔小新 2024-11-01 14:03:47
在Linux环境下,本文详细探讨了Apache服务器中CGI技术的应用与实现。首先,通过使用yum包管理器安装了必要的软件,如PHP。安装完成后,对Apache服务器进行了配置,确保CGI功能正常运行。此外,还介绍了如何编写和调试CGI脚本,以及如何在实际环境中部署这些脚本以提供动态网页内容。实验结果表明,通过合理的配置和优化,Apache服务器能够高效地支持CGI应用程序,为用户提供丰富的交互体验。 ...
[详细]
蜡笔小新 2024-11-01 10:26:04
使用cpphttplib构建HTTP服务器以处理带有查询参数的URL请求 ...
[详细]
蜡笔小新 2024-11-01 00:01:06
本文详细介绍了如何在 Grafana 中独立于 Alertmanager 配置邮件和微信告警。具体步骤包括配置 SMTP 服务器以实现邮件告警,以及设置微信告警的集成方式。通过这些配置,用户可以更灵活地管理和接收来自 Grafana 的告警通知,确保及时响应系统异常。文章还提供了详细的配置示例和常见问题的解决方案,帮助用户顺利完成设置。 ...
[详细]
蜡笔小新 2024-10-31 22:55:34
在《PHP应用性能优化实战指南:从理论到实践的全面解析》一文中,作者分享了一次实际的PHP应用优化经验。文章回顾了先前进行的一次优化项目,指出即使系统运行时间较长后出现的各种问题和性能瓶颈,通过采用一些通用的优化策略仍然能够有效解决。文中不仅详细阐述了优化的具体步骤和方法,还结合实例分析了优化前后的性能对比,为读者提供了宝贵的参考和借鉴。 ...
[详细]
蜡笔小新 2024-10-31 20:54:49
在Linux系统中,如何实现定时执行任务脚本?在服务器日常运维过程中,经常需要定期执行某些任务,例如数据库备份、日志文件切割等。通过使用crontab工具,可以轻松配置这些周期性任务,确保它们按时自动运行,提高系统管理效率和可靠性。 ...
[详细]
蜡笔小新 2024-11-01 15:25:07
随着信息技术的快速发展,各类管理系统已在各行各业得到广泛应用。传统的人工管理模式已逐渐无法满足现代需求。本文介绍了一种基于Java和JSP技术开发的电子医疗记录管理平台,旨在提高医疗行业的信息化水平和管理效率。该平台通过整合先进的数据库技术和Web开发框架,实现了医疗记录的高效存储、查询和管理,为医护人员提供了便捷的操作界面和强大的数据支持。 ...
[详细]
蜡笔小新 2024-11-01 12:10:41
在数据库管理中,计算字段(也称为计算列)是一种重要的技术手段。计算字段通过在表定义中使用表达式或函数,自动生成并存储计算结果,从而提高查询效率和数据一致性。本文将详细介绍计算字段的创建方法、优化技巧及其在实际应用中的案例,帮助读者更好地理解和运用这一功能。 ...
[详细]
蜡笔小新 2024-11-01 12:05:59
十一长假即将结束,你的假期学习计划进展如何?无论你是在家中、思念家乡,还是身处异国他乡,理工科学生都不容错过一些神奇的资源网站。这些网站提供了丰富的学术资料、实验数据和技术文档,能够帮助你在假期中高效学习和提升专业技能。 ...
[详细]
蜡笔小新 2024-11-01 11:51:44
Java并发环境下如何确保数据添加的唯一性? ...
[详细]
蜡笔小新 2024-11-01 10:56:12
《软件测试精要》深度解析与实战经验分享,系统梳理了软件测试的核心概念与关键原则,结合实际项目中的测试经验和教训,详细探讨了测试分类、测试权衡要素、测试效率、测试覆盖率以及测试框架的引入和用例设计等内容,为读者提供了全面而实用的指导。 ...
[详细]
蜡笔小新 2024-11-01 10:48:06
最近,我在CentOS 5服务器上成功部署了GForge 5.7 Community Edition。与Advanced Server版本相比,虽然功能略有简化,但仍然能够满足大多数开源项目管理的需求。为了确保数据安全,我开发了一套全自动备份脚本,该脚本能够定期备份GForge的数据和配置文件,并将其存储在远程服务器上,以防止数据丢失。此外,该脚本还具备错误检测和日志记录功能,便于故障排查和维护。 ...
[详细]
蜡笔小新 2024-11-01 09:19:26
深入解析:Explain命令的应用与字段详解 ...
[详细]
蜡笔小新 2024-10-31 20:06:25
woaimm0705242
这个家伙很懒,什么也没留下!