`
sodler
  • 浏览: 14605 次
  • 性别: Icon_minigender_1
文章分类
社区版块
存档分类
最新评论

html简单标签

 
阅读更多

       终于开始练习网页构架,总结了联系中使用到的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:下面是偶然看到的几个符号的编码格式

空格     &nbsp;

<          &lt;

>          &gt;

&         &amp;

"          &quot;

分享到:
评论

相关推荐

    jsp简单标签的使用

    "jsp简单标签的使用"这个主题主要涵盖JSP中的内置标签和自定义标签的使用方法。 首先,JSP内置标签是预定义的一组标签,它们提供了与Servlet生命周期相关的功能,例如控制流程、数据处理等。以下是一些常见的内置...

    java 读取html过滤标签

    对于简单的HTML结构,还可以使用正则表达式来匹配和替换特定标签。但这种方法对复杂的HTML或嵌套标签处理可能不准确,因此推荐使用DOM或Jsoup。 4. **工具类**: 为了便于复用,可以创建一个工具类,封装读取和...

    HTML标签简单总结

    ### HTML标签简单总结 本文将基于给定的部分内容,详细阐述HTML中常用的一些标签及其功能。HTML(HyperText Markup Language)是一种标记语言,用于构建网页结构。它由一系列的元素组成,这些元素通过标签来表示。...

    PHP实现html标签补全函数

    在网页开发中,HTML是构建页面结构的基础,但有时由于编码错误或疏忽,开发者可能会遗漏某些HTML标签的闭合,导致页面显示不正常。PHP作为一种服务器端脚本语言,常用于处理动态网页内容,因此编写一个PHP函数来检查...

    java 自定义标签 简单实例

    本篇文章将深入探讨Java自定义标签的简单实例,帮助你理解如何在实际开发中应用这一技术。 首先,我们需要了解自定义标签的基本结构和组成。一个自定义标签通常由三部分组成:标签库描述文件(TLD)、标签处理类...

    易语言清除HTML标签

    在处理HTML数据时,有时我们需要清除HTML标签,以获取纯文本内容。这篇介绍将深入讲解如何使用易语言来实现这个功能。 首先,我们需要理解HTML标签的结构。HTML(HyperText Markup Language)是一种标记语言,用于...

    JSP简单标签介绍.rar

    1. **代码分离**:简单标签将表现层逻辑从HTML中分离出来,使页面更易读,更易于维护。 2. **重用性**:自定义标签可以封装通用功能,方便在多个页面中重复使用。 3. **可扩展性**:通过扩展SimpleTag接口,可以...

    JSP简单标签

    在Java服务器页面(JSP)技术中,简单标签(Simple Tags)是自定义标签的一种形式,它们为开发者提供了更简洁、可读性更强的代码,相比传统的JSP脚本元素和自定义标签库(Tag Library Directive,TLD),简单标签在...

    HTML常用标签.pdf

    HTML常用标签 HTML 是构建网页的基础语言,它提供了一些基本的结构元素来组织内容。这些结构元素被称为 HTML 标签。 HTML 标签是 HTML 文档的基础,通过这些标签,可以构建一个完整的网页。 基本文档结构标签 1. ...

    Python给html文件的a标签添加属性

    BeautifulSoup是一个强大的库,它使得解析HTML和XML文档变得极其简单。本篇将详细讲解如何使用BeautifulSoup来为HTML文件中的a标签添加属性。 首先,我们需要安装BeautifulSoup库,如果你还没有安装,可以使用以下...

    html简单知识点总结,常用标签总结,简洁界面 ,框架的基础例子

    2. **HTML标签**:HTML标签是构成网页的基本元素,如`&lt;h1&gt;`到`&lt;h6&gt;`用于定义六级标题,`&lt;p&gt;`用于创建段落,`&lt;a&gt;`创建超链接,`&lt;img&gt;`插入图像,`&lt;div&gt;`作为内容分组,`&lt;span&gt;`用于行内元素的分组等。此外,还有`&lt;ul&gt;...

    过滤字符串中的HTML标签

    在本篇文章中,我们将深入探讨一个简单的C#函数`FilterHTML`,该函数旨在移除字符串中的所有HTML标签。 #### 函数定义与作用 此段代码定义了一个名为`FilterHTML`的私有方法,它接收一个字符串参数`contents`并...

    JSP Struts之HTML标签库详解

    此外,Struts标签支持嵌套引用,使得处理复杂的对象结构变得简单。 **使用注意事项** 使用Struts标签时,应注意避免在属性值中直接使用scriptlet表达式,而是应使用完整的表达式。例如,`&lt;html:link&gt;`标签的`href`...

    自定义标签小练习----一个简单的分页标签

    本篇内容主要介绍了一个简单的分页标签的实现过程,这是一个很好的学习实践,帮助开发者理解和掌握自定义标签的编写与应用。 首先,我们要理解自定义标签的生命周期和组成部分。一个完整的自定义标签通常包含以下...

    HTML标签大全.docx

    6. `&lt;isindex&gt;`:这是一个过时的标签,用于创建简单的输入字段,供用户进行搜索。现代网页设计中通常使用更复杂的表单元素。 7. `&lt;base&gt;`:此标签用于设定文档的基准URL,所有相对链接都将相对于这个URL解析。 8. ...

    最新 jsp简单标签编程 实用技术

    **JSP简单标签编程详解** 在Java服务器页面(JSP)技术中,标签库是实现业务逻辑和表现层分离的重要工具。本篇文章将深入探讨JSP中的简单标签编程,帮助开发者更好地理解和应用这一实用技术。 ### 1. JSP标签概述 ...

    完美html教程,里面包含两个ppt html课件,一个一个html标签库文档

    通过这些资料,学习者可以系统地理解HTML的基础知识,从创建简单的静态页面开始,逐步掌握更复杂的网页结构和交互。在实践中,配合使用浏览器的开发者工具,学习者可以更好地理解HTML元素如何在实际网页中呈现,从而...

    简单实用的jQuery表单输入框浮动标签动画特效插件

    只需在HTML结构中正确设置标签和输入框,然后在JavaScript中调用插件,即可实现这一效果。 在实际应用中,我们还需要考虑以下几点: - **自定义样式**:为了满足不同设计需求,插件通常允许开发者通过CSS来定制标签...

    实用html5标签代码参照表

    HTML5新增了多媒体元素,如`&lt;audio&gt;`和`&lt;video&gt;`,使得在网页中内嵌音频和视频变得简单。这些标签支持多种源格式,并可以添加控制元素,如播放、暂停、音量调节等。 `&lt;canvas&gt;`标签是HTML5的一大亮点,提供了一个...

Global site tag (gtag.js) - Google Analytics