web前端复习系列[1]—

<h1>一般用于网站标题。
加入强调语气，使用<strong>和<em>标签。<em> 表示强调，<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示，<strong> 用粗体表示。两个标签相比，目前国内前端程序员更喜欢使用<strong>表示强调。
<q>标签，短文本引用。注意要引用的文本不用加双引号，浏览器会对q标签自动添加双引号。
<blockquote>标签，长文本引用。显示效果会自动缩进【注意：是左右两边都会自动缩进】。
在信息展示时，有时会需要加一些用于分隔的横线<hr/>，这样会使文章看起来整齐些。
<address>标签，为网页加入地址信息。也可以定义一个地址（比如电子邮件地址）、签名或者文档的作者身份。在浏览器上显示的样式为斜体。但这种方式也有一个弊端：会将address标签包围的部分换行。
在介绍语言技术的网站中，避免不了在网页中显示一些计算机专业的编程代码，当代码为一行代码时，可以使用<code>标签。语法：<code>代码语言</code>。
如果是多行代码，可以使用<pre>标签：<pre>语言代码段</pre>。<pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。

<caption>标题文本</caption>。用以描述表格内容，标题的显示位置：表格上方。
<a>标签还有一个作用是可以链接Email地址，使用mailto能让访问者便捷向网站管理者发送电子邮件。<a href="mailto:yy@imooc.com?subject=主题名称&body=邮件内容">注意：如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。

<img src="图片地址" alt="下载失败时，显示文本内容" title="鼠标滑过显示文本" />图片格式可以是GIF JPEG PNG格式的文件。
网站怎样与用户进行交互？答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。语法：<form method="传送方式" action="服务器文件">。注意：所有表单控件（文本框、文本域、按钮、单选框、复选框等）都必须放在<form></form>标签之间（否则用户输入的信息可提交不到服务器上哦！）。
文本域，支持多行文本输入。语法：<textarea rows="行数" cols="列数">文本</textarea>。注意这两个属性可用css样式的width和height来代替：col用width、row用height来代替。
单选、复选按钮。语法：<input type="radio/checkbox" value="值" name="名称" checked="checked"/>。注意:同一组的单选按钮，name 取值一定要一致，比如上面例子为同一个名称“radioLove”，这样同一组的单选按钮才可以起到单选的作用。
下拉列表也可以进行多选操作，在<select>标签中设置multiple="multiple"属性，就可以实现多选功能，在 widows 操作系统下，进行多选时按下Ctrl键同时进行单击（在 Mac下使用 Command +单击），可以选择多个选项。

label标签的使用：

<label for="male">男</label><input type="radio" name="gender" id="male" />
<label for="email">输入你的邮箱地址</label><input type="email" id="email" placeholder="Enter email">

标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。

转载于:https://www.cnblogs.com/helloIT/articles/5154448.html

web前端复习系列[1]——标签相关推荐

【Web前端学习系列01】—HTML
[Web前端学习系列01]-HTML HTML 基本标签-head head title标签 meta标签 link标签 style标签 script标签 base标签文本标题标签 h 段落标签 ...
Web前端复习-12、jQuery进阶
1.jQuery文档处理 jQuery除了可以操作元素的属性.样式和内容外,还可以对DOM进行复杂的操作: 元素的创建元素的插入元素的删除元素的替换元素的复制 1.1 创建节点根据W3C中的 ...
web前端实战系列[4]——多级菜单
1.代码 <!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8 ...
web前端基础（05htmlimg标签和滚动标签）
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>< ...
web前端——div和span标签
div和span标签都是用来帮助页面进行排版的,它们两个没有自己的语意. div:块级元素,所谓的块级元素,就是可以通过css设置宽高等一些大小的样式,这样的元素标签称为块级元素.块级元素的特点是自己 ...
Web前端复习-2、表格与框架
1.表格表格可以将数据有效的组织在一起,并以网格的形式进行显示表格除了用[1]组织数据外,还可以[2]实现页面或局部页面的排版布局表格使用行与列的方式组织信息表格元素主要由行.列.表头单元格. ...
html取消图片选中效果,web前端：取消a标签在移动端点击时的背景颜色
背景(background)属性定义元素的背景效果元素的背景区包括前景之下直到边框边界的所有空间.因此,内容框与内边距都是元素背景的一部分,且边框画在背景上.css允许应用纯色作为背景,也允许使用背景 ...
web前端实战系列[1]——三列布局
1.代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3 ...
WEB前端之html img标签引用本地图片
我觉得语法大家都应该明白怎么写 <img src="img/demo.PNG">很简单但是我在第一次写的时候总是出现图片加载不出来的情况然后发现只要把图片文件夹放 ...

web前端复习系列[1]——标签

web前端复习系列[1]——标签相关推荐

最新文章

热门文章