本文主要是介绍html常用的特殊符号,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
1. 常用的特殊符号
空格:HTML的空格用 表示。【所有标签都为英文半角】
小于号:<
大于号:>
&:&
双引号:"
版权:©
注册:®
2.图像标记以及属性
插入图像使用单标记<img/>
- src属性: 图片源文件的路径,语法格式为:<img src="图片路径" />。
- alt属性: IE6以后浏览器无法提示,当图像非正常显示时,在图像的位置上显示alt中的提示文字。
- 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常用的特殊符号的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!