html常用的特殊符号

2024-02-20 18:32

本文主要是介绍html常用的特殊符号,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1. 常用的特殊符号    

空格:HTML的空格用  表示。【所有标签都为英文半角】

小于号:<

大于号:>

&:&

双引号:"

版权:©

注册:®

2.图像标记以及属性

插入图像使用单标记<img/>

  1. src属性: 图片源文件的路径,语法格式为:<img src="图片路径" />。
  2. alt属性: IE6以后浏览器无法提示,当图像非正常显示时,在图像的位置上显示alt中的提示文字。
  3. title属性: 鼠标滑过时显示的文字提示 。

3. 表单

3.1文本框:主要用于输入单行文本内容。代码如下:姓名:<input  type="text" placeholder="请输入账号" />

 type ="text"/ "tel"/"email"/"url"/"number"/"date" 可自动检测相应格式。

3.2 密码框:主要用于输入一些保密信息,代码格式如下:密码:<input type="password"/>

3.3 单选框 主要是让网页浏览者在一组选项里选择一个。

Name属性定义单选框的名称,单选框都是以组为单位使用的,在同一组中的选项必须使用同一名称。

代码格式如下:

性别:<input type="radio" name="sex"  checked="checked" />男

<input type="radio" name="sex"  />女

3.4 复选框主要是让网页浏览者在一组选项里同时选择多个选项。checked=”checked” 默认选中代码格式如下:

爱好:读书<input  type="checkbox"   />

听歌<input  type="checkbox"  checked="checked"/>

阅读<input  type="checkbox"   />

3.5 文件域主要是让网页浏览者上传文件。代码格式如下

上传文件:<input type="file"/>

3.6 提交按钮用来将输入的信息提交到服务器。Value属性定义按钮的显示文字,代码格式如下:

<input type="submit" value="提交" />

3.7 重置按钮用来重置表单中输入的信息。代码格式如下:

<input type="reset"value="重置"/>

3.8 图像域标记代码格式如下:

<input type=”image” src=”图片的路径”  />

3.9 下拉菜单主要用于在有限的空间里设置多个选项。代码格式如下:

<select>

<option></option>

<option></option>

     …

</select>

3.10 文本域主要用于输入较长的文本信息。代码格式如下:

<textarea cols="30" rows="5">默认文字</textarea>

效果:

Cols属性:定义文本域的宽度

rows属性:定义文本域的高度

4. CSS选择器

4.1. 全局选择器语法: *{}

4.2. 标签选择器的语法:标签名{}

4.3 类选择器的语法:  .类名{}

4.4 ID选择器的语法: #id名{} 

4.5 伪类选择器: 用伪类定义的样式并不是作用在标记上,而是作用在标记的状态上。

超链接的伪类a:hover。伪类选择器的语法: a:hover{ }

5. CSS样式

5.1 行内样式表的应用方法:在html标记内,使用style属性定义css样式。

如:<p style=”color:red;”></p>

5.2 内嵌样式表的应用方法:将css添加到<head>与</head>之间,并用<style></style>标记声明的一种样式。

语法如下:

<style>

/*这里写css内容*/

</style>

5.3 链接样式表的应用方法:在外部定义css样式表,通过<link/>链接标记链接到页面中的一种样式。

语法:<link href="style.css"  rel="stylesheet" type="text/css" />

5.4 导入样式的应用方法:采用导入样式的样式表,在HTML文件初始化时,会被导入到HTML文件内,作为文件的一部分,类似于内嵌样式表效果。

                     语法:

              <head>

                     <style type=”text/css”>

                            @import “1.css”

                     </style>

              </head>

 

这篇关于html常用的特殊符号的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/729139

相关文章

Python将博客内容html导出为Markdown格式

《Python将博客内容html导出为Markdown格式》Python将博客内容html导出为Markdown格式,通过博客url地址抓取文章,分析并提取出文章标题和内容,将内容构建成html,再转... 目录一、为什么要搞?二、准备如何搞?三、说搞咱就搞!抓取文章提取内容构建html转存markdown

在React中引入Tailwind CSS的完整指南

《在React中引入TailwindCSS的完整指南》在现代前端开发中,使用UI库可以显著提高开发效率,TailwindCSS是一个功能类优先的CSS框架,本文将详细介绍如何在Reac... 目录前言一、Tailwind css 简介二、创建 React 项目使用 Create React App 创建项目

vue使用docxtemplater导出word

《vue使用docxtemplater导出word》docxtemplater是一种邮件合并工具,以编程方式使用并处理条件、循环,并且可以扩展以插入任何内容,下面我们来看看如何使用docxtempl... 目录docxtemplatervue使用docxtemplater导出word安装常用语法 封装导出方

Vue中组件之间传值的六种方式(完整版)

《Vue中组件之间传值的六种方式(完整版)》组件是vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用,针对不同的使用场景,如何选择行之有效的通信方式... 目录前言方法一、props/$emit1.父组件向子组件传值2.子组件向父组件传值(通过事件形式)方

css中的 vertical-align与line-height作用详解

《css中的vertical-align与line-height作用详解》:本文主要介绍了CSS中的`vertical-align`和`line-height`属性,包括它们的作用、适用元素、属性值、常见使用场景、常见问题及解决方案,详细内容请阅读本文,希望能对你有所帮助... 目录vertical-ali

Linux上设置Ollama服务配置(常用环境变量)

《Linux上设置Ollama服务配置(常用环境变量)》本文主要介绍了Linux上设置Ollama服务配置(常用环境变量),Ollama提供了多种环境变量供配置,如调试模式、模型目录等,下面就来介绍一... 目录在 linux 上设置环境变量配置 OllamPOgxSRJfa手动安装安装特定版本查看日志在

Java常用注解扩展对比举例详解

《Java常用注解扩展对比举例详解》:本文主要介绍Java常用注解扩展对比的相关资料,提供了丰富的代码示例,并总结了最佳实践建议,帮助开发者更好地理解和应用这些注解,需要的朋友可以参考下... 目录一、@Controller 与 @RestController 对比二、使用 @Data 与 不使用 @Dat

Mysql中深分页的五种常用方法整理

《Mysql中深分页的五种常用方法整理》在数据量非常大的情况下,深分页查询则变得很常见,这篇文章为大家整理了5个常用的方法,文中的示例代码讲解详细,大家可以根据自己的需求进行选择... 目录方案一:延迟关联 (Deferred Join)方案二:有序唯一键分页 (Cursor-based Paginatio

Python实现常用文本内容提取

《Python实现常用文本内容提取》在日常工作和学习中,我们经常需要从PDF、Word文档中提取文本,本文将介绍如何使用Python编写一个文本内容提取工具,有需要的小伙伴可以参考下... 目录一、引言二、文本内容提取的原理三、文本内容提取的设计四、文本内容提取的实现五、完整代码示例一、引言在日常工作和学

Redis中的常用的五种数据类型详解

《Redis中的常用的五种数据类型详解》:本文主要介绍Redis中的常用的五种数据类型详解,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Redis常用的五种数据类型一、字符串(String)简介常用命令应用场景二、哈希(Hash)简介常用命令应用场景三、列表(L