1.lang=zh,en有什么用?

告诉搜索引擎爬虫,网站是关于什么内容的,优先显示网站排名。
一般竞价排名,根据百度搜索引擎,需要签订关键词协议,首页第一个竞价排名大概是30-50元/条,竞价排名范围1-999元,最贵行业,医疗器械,医院(高转化率行业)。
如果点击次数很多怎么办?IP段协议:同一个时间段一个IP被访问多次,只能算一次
小公司出不起钱怎么办?SEO技术,lang= 是里面的一部分。ex:<meta content="Shift" name="Keywords">

2.字符集编码

gbk是gb2312的扩展,包括繁体。utf-8是unicode的升级版。

3.普通标签

标签名称 功能介绍 用法说明 应用范围
h1-h6 段落 -  
p 段落标签 -  
strong 加粗 -  
em 斜体 -  
del 删除线 -  
address 地址标签 加粗斜体
div 容器 独占一行,分块,结构化 最多
span 容器

没有效果,结构化
绑定化操作

最多

4.div标签汉字英文换行问题。

空格/回车:文本分隔符。浏览器一个单词会一行显示,很多英文会越界,汉字都是单独的不能。

(HTML编码)
显示空格:&nbsp;  显示<:&lt;  显示>:&gt;

显示回车:<br>(标签一般都是成对出现的,这个标签里面不需要包裹修饰里面的内容,所以是单标签(meta、br、hr(水平线))

5.特殊标签

标签名称 功能介绍 用法说明
ol    
li 有序序列 可放在ol里面使用
属性type="a"(1,A,i,I),相应的序列排列
属性reversed="reversed" 倒序排列
属性start="2" 从2开始排,
ul 无序列表 可放在ol里面里面使用
属性type="disc"
square方块 cicle空心圈
用处:大的功能下面有很多相同的功能子项
(导航栏,<ul><li>…</ul></li>)
<!DOCTYPE html>
<html> <head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
padding: 0px;
margin: 0px;
}
ul{
list-style: none;
}
li{
margin: 10px;
float: left;
color: #0000CC;
font: "微软雅黑";
font-size: 18px;
font-weight: bold;
height: 20px;
line-height: 20px;
padding: 0 5px;
}
li:hover{
border-radius: 15px;
color: #F0F8FF;
background-color: #0000CC;
}
</style>
</head> <body>
<ul>
<li>天猫超市</li>
<li>聚划算</li>
<li>天猫</li>
</ul>
</body> </html>

仿菜单栏

标签名称 功能说明 用法说明
img 图片显示 属性src:
1.网上的url 2.本地绝对路径 3.本地相对路径
属性alt:图片占位符,加载失败显示
属性title:图片提示符
a anchor(锚)
超链接标签

最开始是作为锚点记录位置
1.href=#id,跳转到网页id所在的位置。

2.属性href:hyperText reference(超文本引用)
可以包裹图片,设置任何属性
属性target:blank 在新的标签中使用

3.打电话,发邮件
属性: href="tel:138*********"
    href="mailto:138*****@**.com"

4.协议定义符(书签等)
href=“javascript:***”
点击后强行执行里面的js代码

跳转顶部代码示例
标签名称 功能说明 用法说明
form 表单标签,发送数据 1.属性method="get",表示请求方式
2.属性action="**",发送给谁的地址
关联标签    
input 输入框

1.属性type=“text”,输入的内容格式
属性type=“submit”,提交
测试:name=“” 添加数据值,可以直接在网页提交,提交成功后网址后面会出现对应的值

(如何保护密码?)你的密码提交到公司去的时候,这个公司是要和网安局签署加密协议,必须对密码对进行md5加密。
2g,3g,4g的区别,2g不对数据进行加密,如果在信号很好的地方信号变得差,有可能被干扰。

2.属性type="radio",选择提交。name属性用来统一单选关系,value属性用来传值
懒操作:默认选中,cheked="cheked"
3.属性ttype="checkbox",复选框。

3.value增加到1当中,在框中初始化显示。

select  下拉菜单
option一起使用

传递数据注意两点,数据值,数据名。用属性name设置数据名。

 <!DOCTYPE html>
<html> <head>
<meta charset="UTF-8">
<title></title>
</head> <body>
<form action="" method="get">
<p>
<input type="text" name="name" value="请输入姓名" style="color: #999;"
onfocus="if(this.value=="请输入姓名"){ this.value='';this.style.color='#424242'}"
onblur="if(this.value==''){ this.value='请输入姓名';this.style.color='#999'}"/>
</p>
<p>
<input type="password" name="password" />
</p>
<input type="submit" />
</form>
</body> </html>

输入框筛选

Html4.0.1 标签使用笔记的更多相关文章

  1. XHTML1.0对HTML4.0的改进

    1.XHTML借鉴了XML的写法,语法更加严格: 2.XHTML实现了把页面样式和内容分离了,废弃了HTML4.0中表示样式的标签和属性,推荐使用CSS样式来描述页面的样式. XHTML1.0 分为两 ...

  2. struts2.0 s标签_小小鸟_百度空间

    struts2.0 s标签 1. Struts2页面开发中常用标签使用说明 1.1.往action里传值的使用方式: <input name="userName" type= ...

  3. glusterfs 4.0.1 api 分析笔记1

    一般来说,我们写个客户端程序大概的样子是这样的: /* glfs_example.c */ // gcc -o glfs_example glfs_example.c -L /usr/lib64/ - ...

  4. ACCP8.0 HTML标签

    ACCP8.0 HTML标签 第一章1.HTML超文本标记语言2.网页<html></html>3.网页头部<head></head>4.网页标题< ...

  5. 生鲜配送管理系统_升鲜宝V2.0 小标签打印功能说明_15382353715

    小标签打印说明 小标签打印可以打印本系统的订单商品数量,也可以把外部的订单商品导入本系统进行打印. 打印本系统中的订单商品操作说明 1.1    界面说明 1.2     查询条件 1.2.1     ...

  6. zabbix3.0通过yum安装笔记

    zabbix3.0通过yum安装笔记 一.通过yum安装zabbix rpm -Uvh https://repo.zabbix.com/zabbix/3.0/rhel/7/x86_64/zabbix- ...

  7. HTML4 And HTML5 标签整理

    一.文字备忘之标签 HTML5中新增的标签<article> 定义文章 <aside> 定义页面内容旁边的内容                   <audio> ...

  8. 《C# 6.0 本质论》 阅读笔记

    <C# 6.0 本质论> 阅读笔记   阅读笔记不是讲述这本书的内容,只是提取了其中一部分我认为比较重要或者还没有掌握的知识,所以如果有错误或者模糊之处,请指正,谢谢! 对于C# 6.0才 ...

  9. 从0开始学Swift笔记整理(四)

    这是跟在上一篇博文后续内容: --重写方法 重写实例方法 在子类中重写从父类继承来的实例方法和静态方法.先介绍实例方法的重写. 下面看一个示例: class Person {        var n ...

随机推荐

  1. CANmonitor我自己编写的程序

    这个版本的程序, 上位机可以对电机的转速进行在线的设定,同时上位机接受电机控制器上报的母线电压,电机温度,控制器温度等. 在调试的过程中我遇见了一个问题,电机的转速的采样 . 根据协议:电机的转速为1 ...

  2. PyPI提供双因素身份验证(2FA),已提高下载安全性

    前天,Python的核心开发团队宣布PyPI现在提供双因素身份验证(2FA),以提高Python包下载的安全性,从而降低未经授权的帐户访问的风险.该团队宣布将在Python Package Index ...

  3. 博客已经转到www.vsyf.me/blog

    租了个服务器,重搭了个博客 阿发的博客

  4. centos6.5搭建hadoop单节点

    1.添加用户 groupadd  hadoop useradd -d /home/hadoop -m hadoop -g hadoop passwd hadoop    修改密码 付给用户sudo权限 ...

  5. 用 Python监控了另一半的每天都在看的网站,我发现了一个秘密

    ​ 阅读文本大概需要 5 分钟. ! 需求: (1) 获取你对象chrome前一天的浏览记录中的所有网址(url)和访问时间,并存在一个txt文件中 (2)将这个txt文件发送给指定的邮箱地址(你的邮 ...

  6. phpStudy配置站点解决各种不能访问问题(本地可www.xx.com访问)

    1.配置站点:打开phpStudy->其他选项菜单->站点域名管理 2.配置站点:打开phpStudy->其他选项菜单->打开hosts(www访问重点) 3.在apache的 ...

  7. nosql的介绍以及和关系型数据库的区别

    一直对非关系型数据库和关系型数据库的了解感觉不太深入,在网上收集了一些关于sql和nosql的区别和优缺点分享给大家. Nosql介绍 Nosql的全称是Not Only Sql,这个概念早起就有人提 ...

  8. 学习spring的第4天

    关于老式的spring+mybatis整合,使用了druid连接池,还使用了mybatis-spring依赖(用于整合的),但是这个依赖本身就使用了spring-jdbc的某些类来处理事务方面的内容, ...

  9. Java的优先队列PriorityQueue详解

    一.优先队列概述 优先队列PriorityQueue是Queue接口的实现,可以对其中元素进行排序, 可以放基本数据类型的包装类(如:Integer,Long等)或自定义的类 对于基本数据类型的包装器 ...

  10. 51nod 1475:建设国家 优先队列的好题

    1475 建设国家 基准时间限制:1 秒 空间限制:131072 KB 分值: 20 难度:3级算法题  收藏  关注 小C现在想建设一个国家.这个国家中有一个首都,然后有若干个中间站,还有若干个城市 ...