终于开始练习网页构架,总结了联系中使用到的html标签。
html一贯的套路或者说是标配就是<html><head></head><body></body></html>.
其中可以添加在<head></head>标签内的有
<title> </title> //网页标题
<base font_size=3> //设定字型大小
<base href="链接网址"> //设定链接(包括图片)
<base target="框架名称"> //设定链接框架
_blank 在新窗口中打开文档。
_self 在相同的窗口中打开被链接文档。
_top 在相同页面中打开被链接文档。
<meta charset="UTF-8">
UTF-8是国际化编码,我使用的浏览器在没有这条代码时,依然能正常显示中文不会出现乱码,而另一方面,在我将8改为16,运行之后改回8,再次运行虽然代码没有改动,但是浏览器却报错无法运行,直到我重新创建文件并且编码之后才恢复,这个错误类似将8字节加长到16字节之后又要装回8字节长度的框里,没有对原文件备份就只能重头再来了。
<link rel="stylesheet" href="***">rel属性表示文档与链接文档间的关系,同时stylesheety表示文档的外部样式表,href添加URL。
<body></body>之间的标签
<h1></h1>...<h6></h6> 1到6号的标题标签随着数字的增大,标签层级下降,字符变小
下列标签会使标签之间的字符变换字型:
<b> </b> //粗體字
<i> </i> //斜體字
<u> </u> //底線字
<sup> </sup> //上標字
<sub> </sub> //下標字
<font face="黑体" color="blue" size=> </font> 可以设定字型,字的颜色和大小,size 由大至小為 7 > 1。
<div></div>div标签中可以设置class属性以特殊的类名对块进行区分。
<button></button>button标签表示按钮,可以添加class属性进行特殊指代,一般按钮可以启动功能,但是添加了onclick属性的location.href值后就能添加链接。
当<a href="">包含<button>,只设定按钮位置时会使链接核按钮分离错位,但是<button>包含<a href="">时只设定按钮位置时 不会出现此错误,链接会随着按钮移动位置,可见HTML中的包含关系有特殊用途。
在CSS文件中为button设置outline属性为none值时,可以在按下按钮之后,不显示按钮边框,为a设置text-decoration属性为none值可以在启动链接时不显示下划线。
<img src="图片路径">此标签没有结束标签,同时可以添加height和width属性直接设定图片大小格式,border属性设置图片边框,alt设置图片无法显示时替代的文字。
<ul></ul>设置清单,可添加class属性,设置type属性可以改变条例前的图标,有三种选择:square黑方点, circle空心圆, 默认为disc黑圆点。
<li></li>设置清单的条例,在CSS文件中添加display属性为inline值可以使列表横放。
PS:下面是偶然看到的几个符号的编码格式
空格
< <
> >
& &
" "
相关推荐
"jsp简单标签的使用"这个主题主要涵盖JSP中的内置标签和自定义标签的使用方法。 首先,JSP内置标签是预定义的一组标签,它们提供了与Servlet生命周期相关的功能,例如控制流程、数据处理等。以下是一些常见的内置...
对于简单的HTML结构,还可以使用正则表达式来匹配和替换特定标签。但这种方法对复杂的HTML或嵌套标签处理可能不准确,因此推荐使用DOM或Jsoup。 4. **工具类**: 为了便于复用,可以创建一个工具类,封装读取和...
### HTML标签简单总结 本文将基于给定的部分内容,详细阐述HTML中常用的一些标签及其功能。HTML(HyperText Markup Language)是一种标记语言,用于构建网页结构。它由一系列的元素组成,这些元素通过标签来表示。...
在网页开发中,HTML是构建页面结构的基础,但有时由于编码错误或疏忽,开发者可能会遗漏某些HTML标签的闭合,导致页面显示不正常。PHP作为一种服务器端脚本语言,常用于处理动态网页内容,因此编写一个PHP函数来检查...
本篇文章将深入探讨Java自定义标签的简单实例,帮助你理解如何在实际开发中应用这一技术。 首先,我们需要了解自定义标签的基本结构和组成。一个自定义标签通常由三部分组成:标签库描述文件(TLD)、标签处理类...
在处理HTML数据时,有时我们需要清除HTML标签,以获取纯文本内容。这篇介绍将深入讲解如何使用易语言来实现这个功能。 首先,我们需要理解HTML标签的结构。HTML(HyperText Markup Language)是一种标记语言,用于...
1. **代码分离**:简单标签将表现层逻辑从HTML中分离出来,使页面更易读,更易于维护。 2. **重用性**:自定义标签可以封装通用功能,方便在多个页面中重复使用。 3. **可扩展性**:通过扩展SimpleTag接口,可以...
在Java服务器页面(JSP)技术中,简单标签(Simple Tags)是自定义标签的一种形式,它们为开发者提供了更简洁、可读性更强的代码,相比传统的JSP脚本元素和自定义标签库(Tag Library Directive,TLD),简单标签在...
HTML常用标签 HTML 是构建网页的基础语言,它提供了一些基本的结构元素来组织内容。这些结构元素被称为 HTML 标签。 HTML 标签是 HTML 文档的基础,通过这些标签,可以构建一个完整的网页。 基本文档结构标签 1. ...
BeautifulSoup是一个强大的库,它使得解析HTML和XML文档变得极其简单。本篇将详细讲解如何使用BeautifulSoup来为HTML文件中的a标签添加属性。 首先,我们需要安装BeautifulSoup库,如果你还没有安装,可以使用以下...
2. **HTML标签**:HTML标签是构成网页的基本元素,如`<h1>`到`<h6>`用于定义六级标题,`<p>`用于创建段落,`<a>`创建超链接,`<img>`插入图像,`<div>`作为内容分组,`<span>`用于行内元素的分组等。此外,还有`<ul>...
在本篇文章中,我们将深入探讨一个简单的C#函数`FilterHTML`,该函数旨在移除字符串中的所有HTML标签。 #### 函数定义与作用 此段代码定义了一个名为`FilterHTML`的私有方法,它接收一个字符串参数`contents`并...
此外,Struts标签支持嵌套引用,使得处理复杂的对象结构变得简单。 **使用注意事项** 使用Struts标签时,应注意避免在属性值中直接使用scriptlet表达式,而是应使用完整的表达式。例如,`<html:link>`标签的`href`...
本篇内容主要介绍了一个简单的分页标签的实现过程,这是一个很好的学习实践,帮助开发者理解和掌握自定义标签的编写与应用。 首先,我们要理解自定义标签的生命周期和组成部分。一个完整的自定义标签通常包含以下...
6. `<isindex>`:这是一个过时的标签,用于创建简单的输入字段,供用户进行搜索。现代网页设计中通常使用更复杂的表单元素。 7. `<base>`:此标签用于设定文档的基准URL,所有相对链接都将相对于这个URL解析。 8. ...
**JSP简单标签编程详解** 在Java服务器页面(JSP)技术中,标签库是实现业务逻辑和表现层分离的重要工具。本篇文章将深入探讨JSP中的简单标签编程,帮助开发者更好地理解和应用这一实用技术。 ### 1. JSP标签概述 ...
通过这些资料,学习者可以系统地理解HTML的基础知识,从创建简单的静态页面开始,逐步掌握更复杂的网页结构和交互。在实践中,配合使用浏览器的开发者工具,学习者可以更好地理解HTML元素如何在实际网页中呈现,从而...
只需在HTML结构中正确设置标签和输入框,然后在JavaScript中调用插件,即可实现这一效果。 在实际应用中,我们还需要考虑以下几点: - **自定义样式**:为了满足不同设计需求,插件通常允许开发者通过CSS来定制标签...
HTML5新增了多媒体元素,如`<audio>`和`<video>`,使得在网页中内嵌音频和视频变得简单。这些标签支持多种源格式,并可以添加控制元素,如播放、暂停、音量调节等。 `<canvas>`标签是HTML5的一大亮点,提供了一个...