文档章节

HTML4.01复习笔记一

Angelks
 Angelks
发布于 2017/03/02 20:25
字数 1225
阅读 3
收藏 0

一、常用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;

就是<的字符实体,什么意思呢?就是用常用字符表示这些符号的方式。

lt 就是英语less than 小于的意思;

1           &gt;

就是>的字符实体。

gt就是greater than 大于的意思。

1           &copy;

就是©  版权符号。

1           &nbsp;

nbsp就是英语non-breaking spacing不打断空格的意思,就是空格。可防止空白折叠现象。

© 著作权归作者所有

共有 人打赏支持
Angelks
粉丝 0
博文 10
码字总数 6719
作品 0
马鞍山
前端工程师
私信 提问
吴恩达(Andrew Ng)机器学习公开课中文笔记

课程地址 https://www.coursera.org/learn/machine-learning (吴恩达老师在 Coursera 上的机器学习公开课) 前言趣闻 去年的这个时间学完了这门非常赞的入门课程,最近由于项目需要,就复习...

scruel
2018/01/10
0
0
老男孩IT教育38期面授班 学员邢伟的决心书

大家好我叫邢伟,今年22岁,上一份工作是做媒体推广的,拿完奖金饭补全勤奖月薪大概4K左右,在北京生活感觉力不从心 现在参加老男孩IT教育linux运维38期,在接下来的学习中,我的目标是毕业后...

提莫队长s
2017/06/17
0
0
林晓冬的决心书

决心书 1.自我介绍: 本人林晓冬于2017年4月25日进入老男孩linux36期脱产班,是一名即将离开校园步入社会的学生,大学期间学习网络管理专业,当时对专业课没有认真学习。希望在老男孩当中端正...

Dream_wudi
2017/04/27
0
0
HTML历史、规范和标准

<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。 <!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 用来声明 使用的html版...

JasonWung
2016/04/17
37
0
HTML5有啥能耐

HTML5有啥能耐?   以前大家用浏览器的网页大多遵循HTML4.01标准编写的,因而对HTML4.01的能力应该有些直观的体会。   我们重点看看相对于HTML4.01,HTML5新增了哪些功能,这里罗列几个:...

nibilly
2015/10/15
126
0

没有更多内容

加载失败,请刷新页面

加载更多

拒绝拖拽 使用ConstraintLayout优化你的布局吧

ConstraintLayout出现有一段时间了,不过一直没有特别去关注,也多多少少看了一些文字介绍,多数都是对使用可视化布局拖拽,个人对拖拽一直不看好,直到前端时间看到该文: 解析ConstraintL...

SuShine
11分钟前
0
0
开源 java CMS - FreeCMS2.8 数据对象 report

项目地址:http://www.freeteam.cn/ report 在使用申报相关标签时,标签会封装report供页面调用。 属性 说明 id id name 项目名称 unit 申报单位 filename 申报文件名称 filenum 申报文件文号...

freeteam
14分钟前
0
0
MySQL配置主从复制

1.master配置my.ini添加: log-bin=mysql-bin//开启二进制日志server-id=1innodb_flush_log_at_trx_commit=1//每次事务的结束都会触发Log Thread 将log buffer 中的数据写入文件并通知文...

ty淡然
15分钟前
0
0
在vs2017中将.obj链接到.lib中

项目属性-库管理器-常规-附加依赖项-"your.obj;....."

simpower
20分钟前
0
0
同一数据库,从这个表迁移到另外一张表

要求: 1、同一个数据库 2、两张表结构相同 insert into t_walk_user_step_history(user_id,city_id,steps,prop_steps,today_praise,today_date,insert_time)selectuser_id,city_id,st......

就叫程舰
20分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部