HTML4.01复习笔记一
为什么80%的码农都做不了架构师?>>>
一、常用Windows及sublime快捷键
ctrl+tab 切换(具体切换什么,要看是什么软件)
alt+F4 关闭程序
F2 重命名
F5 刷新,比如看网页的时候,想刷新网页,按f5
ctrl+z 撤销,就是这一步干错了,就ctrl+z撤销
windows+E 打开资源管理器
windows+D 显示桌面
ctrl+空格 切换中英文
sublime中的常用快捷键:
ctrl+滚轮 放大缩小文字
ctrl+shift+d 复制当前行
ctrl+shift+k 删除当前行
ctrl+shift+↑ 上移当前行
ctrl+shift+↓ 下移当前行
sublime输入的html:xt x表示XHTML,t表示transitional
二、<meta>
定义字符集、添加页面描述、添加关键字(搜索引擎优化 SEO)
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><meta name="Description" content="网易是中国领先的互联网技术公司,为用户提供免费邮箱、游戏、搜索引擎服务,
开设新闻、娱乐、体育等30多个内容频道,及博客、视频、论坛等互动交流,网聚人的力量。" /><meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />
UTF-8是国际通用字库,里面涵盖了所有地球上所有人类的语言文字,比如阿拉伯文、汉语、鸟语……
gb2312 是国标,是中国的字库,里面仅涵盖了汉字和一些常用外文,比如日文片假名,和常见的符号。
三、<p>标签
p是一个文本级的标签,p里面只能放文字、图片、表单元素。
四、<a>标签
1、常用属性
超级链接 href:
<a href="1.html">点我看照片</a>
悬停文本 title:
<a href="09_img.html" title="悬停显示的文本">照片</a>
是否在新窗口打开 target:
<a href="1.html" title="悬停文本" target="_blank">链接内容</a>
2、页内锚点
锚点用name属性来设置,一个a标签如果name属性(或者id属性),那么就是页面的一个锚点。
<a name="wdzp">我的作品</a><a id="wdzp">我的作品</a>
如果有一个超级链接,指向页面中的锚点,那么就是:
<a href="#wdzp">点击我查看我的作品</a>
五、定义列表
定义列表也是一个组标签,不过比较复杂,出现了三个标签:
dl表示definition list 定义列表
dt表示definition title 定义标题
dd表示definition description 定义表述词
dt、dd只能在dl里面;dl里面只能有dt、dd
<dl><dt>北京</dt><dd>国家首都,政治文化中心</dd><dt>上海</dt><dd>魔都,有外滩、东方明珠塔、黄浦江</dd><dt>广州</dt><dd>中国南大门,有珠江、小蛮腰</dd>
</dl>
dd用于描述dt
常用于购物指南等说明部分
六、 输入
1、输入框
<input type="text" />
input表示“输入”,指的是这是一个“输入小部件”,
type表示“类型”,
text表示“文本”,指的是类型是一个文本框的输入小部件。
自封闭标签总结:
<meta name=”Keywords” content=”” />
<img src=”” alt=”” />
<input type=”text” />
value表示“值”,value属性就是默认有的值,文本框中已经被填写好了:
<input type="text" value="默认有的值" />
type=“password” 表示密码框
2、单选按钮 radio
若要互斥 必须有相同的name属性:
1 <input type="radio" name="xingbie" /> 男
2 <input type="radio" name="xingbie" /> 女
checked=“checked”表示默认选中:
1 <input type="radio" name="sex" checked="checked">
3、复选框 type="checkbox" 各个选项不互斥但是最好也要有相同的name。
4、下拉列表select
1 <select>
2 <option>北京</option>
3 <option>河北</option>
4 <option>河南</option>
5 <option>山东</option>
6 <option>山西</option>
7 <option>湖北</option>
8 <option>安徽</option>
9 </select>
5、文本域:<textarea cols="30" rows="10"></textarea>
七、按钮
1、普通按钮:
<input type="button" value="我是一个普通按钮" />
value表示按钮上显示的文字
2、提交按钮:
<input type="submit" />
登录 搜索等按钮都是提交按钮。
按下提交按钮表单就会被提交。
3、重置按钮:复位
<input type="reset">
八、label标签
任何表单元素都有label,常与单选按钮和复选按钮一起使用。
<input type="radio" name="sex" id="nan" /> <label for="nan">男</label>
<input type="radio" name="sex" id="nv" /> <label for="nv">女</label>
input元素要有一个id,然后label标签就有一个for属性,和id相同,就表示绑定了,这个label和input就有绑定关系了。
九、字符实体
1 < |
就是<的字符实体,什么意思呢?就是用常用字符表示这些符号的方式。
lt 就是英语less than 小于的意思;
1 > |
就是>的字符实体。
gt就是greater than 大于的意思。
1 © |
就是© 版权符号。
1 |
nbsp就是英语non-breaking spacing不打断空格的意思,就是空格。可防止空白折叠现象。
转载于:https://my.oschina.net/ZhouHZ/blog/849814
HTML4.01复习笔记一相关推荐
- 数据结构(c语言版)笔记6,2020考研计算机《数据结构(C语言版)》复习笔记(6)
2020年计算机考研复习已经开始,新东方在线在此整理了2020考研计算机<数据结构(C语言版)>复习笔记(6),希望能帮助大家! 第六章 树知识点整理 树是n个结点的有限集合,非空时必须满 ...
- Vue 学习 之 7.01 学习笔记
Vue 学习 之 7.01 学习笔记 1.还是复习前面的那个"品牌案例管理",但是数据不是静态写死哦,而是动态的管理,向数据库发送相关请求实现,因此,小节和昨天所学就是掌握Vu ...
- (萌新笔记)python的复习笔记
简介:python,作为我在暑假入门的第一门语言,我发现它特别简洁和实用,因此我想记录我的python学习过程,现在刚刚大一入门(我比较弱鸡,所以本文可能会有记录很多我初学时遇到的问题,还请大家斟酌观 ...
- 《微型计算机原理与接口技术》复习笔记(四)
使用教材为 <微型计算机原理与接口技术>(慕课版) 孙丽娟.李爱群.陈燕俐.周宁宁.邓玉龙编著 微机原理复习笔记一 微机原理复习笔记二 微机原理复习笔记三 微机原理复习笔记四 中断系统 1 ...
- 《微型计算机原理与接口技术》期末总复习 —— 一篇匆匆忙忙的复习笔记
这篇复习笔记是针对<微型计算机原理与接口技术>后面几章的 前面的汇编复习内容在 "零.学习笔记总目录" 的 "汇编考前复习" 中 ✅ 这篇笔记中可能 ...
- 【前端】HTML标签基础复习笔记
不够完美又何妨?万物皆有裂隙,那是光进来的地方. 文章目录 HTML复习笔记 JavaWeb相关概述 HTML概述 HTML语法 基本标签 图片标签 链接 列表标签 块级标签 表格标签 表单标签 HT ...
- Opencv复习笔记
Opencv复习笔记 整理自:https://blog.csdn.net/u013162035/article/details/79645331 0.索引: [1]图像混合 [2]图像通道的分离和合并 ...
- 《微型计算机原理与接口技术》复习笔记(三)
使用教材为 <微型计算机原理与接口技术>(慕课版) 孙丽娟.李爱群.陈燕俐.周宁宁.邓玉龙编著 微机原理复习笔记一 微机原理复习笔记二 微机原理复习笔记四 微机原理复习笔记三 1. 存储器 ...
- 自然语言处理复习笔记
自然语言处理期末复习笔记 复习摘要 大致梳理了下<自然语言处理>这门课程的知识纲要 作者: Hongtauo CSDN链接:(27条消息) Hongtauo的博客_CSDN博客-笔记,实验 ...
最新文章
- springcloud-06-feign的使用
- 简单记录js中的this关键字
- linux 清空catalina.out日志 不需要重启tomcat(五种方法)【转】
- sqlmap 注入方式、使用总结
- vscode调试redis源码
- java对象的内存分配_java对象在内存的分配问题
- Java基础篇:文件如何读写?
- 引物设计软件_你的引物设计进行得如何了?这份PCR引物设计及软件使用技巧供你参考...
- java中有jar连接数据库 SqlHelper配置
- Kubernetes入门——Longhorn简介
- BAT-局域网内在线电脑IP
- 简单的@Async使用 自定义连接池
- proteus8找不到isis
- ps html切图教程,#PS教程:你所不知道的Photoshop CC快速切图的方法
- AAT美式发音学习资源
- 企业基因决定企业命运
- 有趣的“灵魂”库集合
- Python 线程启动和关闭
- 纯HTML+CSS 画奥运五环标志,我就是闲的
- 火了:一只蝙蝠的自述