2017年5月24日 HTML 基础知识(二)
1 快捷方式:html:xt +tab 过渡XHTML
html:xs+tab 严格XHTML
!+tab html5的标签结构
2.Charset 编码
<meta charset="UTF-8">
Ascll
Ansi
Unicode
Gbk 包含全部中文字符 繁体
Gb2312 简单中文
Big5 繁体中文
Utf-8 通用字符集 包含全世界所有国家需要用到的字符
2 .1、Meta标签介绍
meta 的属性有两种:name和http- equiv
2.1.1 name
其中的属性说明如下:
设定为all:文件将被检索,且页面上的链接可以被查询;
设定为none:文件将不被检索,且页面上的链接不可以被查询;
设定为index:文件将被检索;
设定为follow:页面上的链接可以被查询;
设定为noindex:文件将不被检索,但页面上的链接可以被查询;
设定为nofollow:文件将不被检索,页面上的链接可以被查询
2.1.2 网页重定向
<!-- 页面5秒后刷新跳转小米官网 -->
<meta http-equiv="refresh" content="5;http://www.mi.cn">
2.2 、link标签:
1: 引用外部css
2: 引用title图片 (icon) 例如: <link rel="icon" href="1.icon">
链接外部样式表
设置icon图标
3、 表格
<table> 表格
<tr> 行
<td></td> 列
<td></td>
</tr>
</table>
表格的属性:填充属性和间距属性
表格中的属性
3.1表格的标准结构
在使用表格进行布局时,可以将表格划分为头部、主体和页脚
<thead></thead>:用于定义表格的头部,必须位于<table></table>标记中,一般包含网页的logo和导航等头部信息。
<tbody></tbody>:用于定义表格的主体,位于<table></table>标记中<thead></thead>标记之后,一般包含网页中除头部和底部之外的其他内容。
<tfoot></ tfoot >:用于定义表格的页脚,位于<table></table>标记中<tbody></tbody>标记之后,一般包含网页底部的企业信息等。
3.3 表头和单元格合并
<caption></caption> 元素定义表格标题,caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。
3.4表格标题、边框颜色、内容垂直对齐
◆表格标题 <th></th>用法和td一样 标题的文字自动加粗水平居中对齐
◆边框颜色 bordercolor =“ ”
◆内容垂直对齐方式 <td valign=“top”> 账上</td>
Valign=”top | middle | bottom”
PS:表格细线 table 背景色 td 背景白色
4.表单
表单的作用是收集信息
表单的组成
◆提示信息
一个表单中通常还需要包含一些说明性的文字,提示用户进行填写和操作,如用户名、密码等
◆表单控件
包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。
◆表单域
他相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过他定义处理表单数据所用程序的url地址,以及数据提交到服务器的方法。如果不定义表单域,表单中的数据就无法传送到后台服务器。
<form name="form_name" action="1.php" method="post">
属性:action:处理信息
Method=”get | post”
Get通过地址栏提供(传输)信息,安全性差。
Post 通过1.php来处理信息,安全性高。
◆input 控件
用户名:<input type="text" maxlength="8" disabled="disabled" name="username" value="study">
<input />标记为单标记,type属性为其最基本的属性,其取值有多种,用于指定不同的控件类型。除了type属性之外,<input />标记还可以定义很多其他的属性,其常用属性如下表所示
◆下拉列表
<select>
<option>下拉列表选项</option>
<option>下拉列表选项</option>
……
</select>
在HTML中,可以为<select>和<option>标记定义属性,以改变下拉菜单的外观显示效果,具体如下表所示
<optgroup></optgroup> 对下拉列表进行分组。 Label=”” 分组名称。
多选框:
Checked=”checked” 设置默认选中项
◆ textarea控件
如果需要输入大量的信息,就需要用到<textarea></textarea>标记。通过textarea控件可以轻松地创建多行文本输入框
Cols:控制输入字符的长度,相当于宽度 Rows:控制输入的行数,相当于高度
◆表单信息分组
<fieldset></fieldset> 对表单信息分组
<legend></legend> 表单信息分组名称
html5补充表单控件
5.标签语义化
-标签语义化概念:根据内容的结构化(内容语义化),选择合适的标签(代码语义化)
-标签语义化意义: 1:网页结构合理
2:有利于seo:和搜索引擎建立良好沟通,有了良好的结构和语义你的网页内容自然容易被搜索引擎抓取;
3:方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)
4:便于团队开发和维护
标签语义化(注意事项)
1:尽可能少的使用无语义的标签div和span;
2:在语义不明显时,既可以使用div或者p时,尽量用p, 因为p在默认情况下有上下间距,对兼容特殊终端有利;
3:不要使用纯样式标签,如:b、font、u等,改用css设置。
4:需要强调的文本,可以包含在strong或者em标签中strong默认样式是加粗(不要用b),em是斜体(不用i);
转载于:https://www.cnblogs.com/chenyahuan/p/6897549.html
2017年5月24日 HTML 基础知识(二)相关推荐
- (更新时间)2021年3月24日 python基础知识(文件和文件夹相关操作)
文件和文件夹相关操作 有些时候,需要对文件进行重命名.删除等一些操作,python的os模块中都有这么功能 1. 文件重命名 os模块中的rename()可以完成对文件的重命名操作 rename(需要 ...
- (更新时间)2021年3月24日 python基础知识(魔法方法)
1.魔法方法 在 python 的类中,有一类方法,这类方法以 `两个下划线开头` 和`两个下划线结尾`, 并且在`满足某个特定条件的情况下,会自动调用`. 这类方法,称为魔法方法如何学习魔法方法: ...
- LSTM入门必读:从入门基础到工作方式详解 By 机器之心2017年7月24日 12:57 长短期记忆(LSTM)是一种非常重要的神经网络技术,其在语音识别和自然语言处理等许多领域都得到了广泛的应用
LSTM入门必读:从入门基础到工作方式详解 By 机器之心2017年7月24日 12:57 长短期记忆(LSTM)是一种非常重要的神经网络技术,其在语音识别和自然语言处理等许多领域都得到了广泛的应用. ...
- 从CNN视角看在自然语言处理上的应用 原创 2017年10月24日 00:00:00 1339 作者 | 卞书青 卷积神经网络(Convolutional Neural Network)最早是应用在
从CNN视角看在自然语言处理上的应用 原创 2017年10月24日 00:00:00 标签: 1339
- 2017年8月24日 星期四
2017年8月24日 星期四
- 2017年7月24日 星期一 --出埃及记 Exodus 28:15
2017年7月24日 星期一 --出埃及记 Exodus 28:15 "Fashion a breastpiece for making decisions--the work of a s ...
- 2017年6月24日 星期六 --出埃及记 Exodus 27:6
2017年6月24日 星期六 --出埃及记 Exodus 27:6 Make poles of acacia wood for the altar and overlay them with bron ...
- 软件随想录(local.joelonsoftware.com/wiki)-2000年05月24日 策略书之二:鸡生蛋蛋生鸡问题 - Strategy Letter II: Chicken-and-Eg
2000年05月24日 策略书之二:鸡生蛋蛋生鸡问题 - Strategy Letter II: Chicken-and-Egg Problems The Joel on Software Trans ...
- 2017年10月21日 数据库基础三大范式
1. 数据库里面常用 int 整型 nvarchar 字符串 float 小数型 decimal(,) 小数型 money 小数型 datetime 时间类 ...
最新文章
- 编译器设计-符号表-中间代码生成
- gcc的安装----rpm包安装顺序
- Python实现全民K歌歌曲下载
- 整型数与字符串之间的转化
- php 图片生成vr_PHP 使用Krpano 生成全景图
- 网络爬虫--24.【selenium实战】实现拉勾网爬虫之--分析接口获取数据
- 中文BERT上分新技巧,多粒度信息来帮忙
- 95-00-030-环境-IDEA构建源码阅读环境
- 郑大中科院合作计算机系,郑大一本今年在河南招4320人 本科新增5个专业
- Stanford CS230深度学习(二)手动搭建DNN
- Android Window 9问9答
- vue3关闭语法错误提示
- UIButton高亮(highlighted)下的边框颜色(borderColor)
- web1.0、web2.0与web3.0
- c语言 结构体 ppt,第8章C语言的结构体和共同体.ppt
- CTF常用脚本工具(附下载地址)
- ftp登录成功,无法取得列表
- 平车调整刀片如何调整_最新电脑带刀平车基本故障与维修方法
- php pdf文档内容修改,php2pdf - 如何使用php修改pdf中的内容,并且保证格式不乱
- Virus total爬虫分享
热门文章
- COM 学习(五)——编译、注册、调用
- 解决php无法上传大文件问题
- 输入url并按下回车的那一刻发生了什么?
- 【Node】—系统模块
- 计算机中定义事物各种特点的术语,计算机科学中具有特殊含义或易溷淆的术语辨析(2版).doc...
- fastdfs windows部署_从零搭建分布式文件系统MinIO比FastDFS要更合适
- 频繁使用花呗、借呗、微粒贷、京东白条会影响在银行的信用吗?
- 有20万3年不用,怎样理财呢?
- JavaWeb项目中解决中文乱码方法
- [leetcode] Power of Two 判断一个数是否是2的平方