html 5 笔记,HTML5总笔记(一)

一、p、hn、br标签

1.

2.  :注释。

3.
  :一行,一段(在文字后面直接加)。

4.

 

  :文字中的最大字符(自动换行)。

5. 

 
  :文字中的最大字符(自动换行)。

二、b、i、u、s、sup、sub标签

1.  :粗体(1)

2.  :斜体(1)

3.  :下划线(1)

4.  :删除线(1)

5.  :上标(1)

6.  :下标(1)

7.  :定义文本显示方向,内衣dir属性,只能取值ltr(正序)或rtl(倒序)

实例    :

三、列表标签

1.有序列表

1. 

  1. ;编号(默认属性:1)

2.  

 :1.

3.  

 :2.

4. 

5.属性例如:1,a,一...

2.无序列表

  • :项目符号(默认属性:实圆)

l  

 :实圆

l  

 :实圆

l属性例如:实圆,实正方形,空圆...

1.定义列表(用于内容解释)

二、Pre、html转义、abbe标签的使用

1.预定义文本标签pre

:保留空格和换行符。

Avuhuiah

搜  死

Shv

:全部保留并显示。

2.对html转义

大于(

小于(>)  :>(代码)。

空格(  ) : (代码)。

引号(“) :"(代码)。

版权号     :©(代码)。

< boby >:显示为 。

3.缩写说明

我是谁?

:显示:我是谁?(移动至文字,上方显示 随机。)

三、Table标签

1. Table:表格

2. 

:表格标题(默认显示上方)

3. 

  :表格页眉的单元格(默认加粗)

4. 

:表格的主体

5. :表格头

6. 

:表格脚

7. border=”1px”:边宽

8. cellpadding=”1px”:文字内边距

9. cellspacing=”1px”:边宽宽距

10. 

 :表格

11. 

  :合并两行(横)单表格

12. 

  :合并两列(竖)单表格

13. 

:标题显示表格下方

< table >

表格标题              

表格标签一般什么情况下使用?

主要用于规则的数据显示

适当的可以在表单页面中使用

使用表格标签进行页面布局的缺点  :

代码量比较大,页面浏览速度比较慢

层次结构比较复杂,不易于维护和改版

不利于搜索引擎搜索查找数据

强调:要对网页进行布局,推荐使用div+css,严禁使用表格进行布局页面。

四、a标签、img标签

1.a标签

1.a :超链接

2.

:默认当前页面跳转

3.

:在上一级页面进行跳转

4.

:打开新的页面

5.

:在底层页面打开

6.

:在自己设置的框架名当中打开

7.

:显示百度(点击百度,超链接打开)

2.Img标签

Src:路径

相对路径适用于同一路径,网页于图片在一个地方(文件夹)。

.../:上级路径

.../.../:上上级路径

(网页和图片不同地方,要调用先退出网页的上级或上上级,在同一级中进行选择下级或下下级找到图片路径。)

 :同一路径

 :相对路径

五、frameset内嵌框架集

frameset:定义如何将窗口分割为框架

创建框架网页的步骤:

创建各个子窗口对应的html文件

创建整个框架文件,分别引用子窗口文件

创建框架页面的基本语法:

cols规定某【列】占据平面的面积(竖)

rows规定某【行】占据平面的面积(横)

border框架/边框的属性

注意:

标签不能与标签同时使用。

除非你在

中使用标签。框架集标签中的常用属性

pixels:左右两个框架占多少

%:占浏览器百分百

*:剩余部分

例如:水平框架

六、iframe内嵌框架

标签中的常用属性:

frameborder=”0” /”1”:规定是否显示框架周围的边框

Name=”frame_name”:规定iframe的名称。

Scrolling=”yes" /  ”no” /  ”auto”:规定是否在iframe  中显示滚动条。(yes显示滚动条)(no不显示滚动条)(auto当内容超过就显示)

Src=”URL”:规定在iframe中显示的文档的URL。

Iframe语法:

Frameborder =”边框”  scrolling=”yes”  />

七、常用表单元素(1)

form:表单

属性:

2) method(传值方式) [get:数据小 类型(ip等)]

[post:数据大 类型(安全性高)]

3) enctype:用于指定表单数据的编码方式

application/x-www-form-urloncoded:默认的编码方式,将表单控件中的值处理成URL编码方式。

mutipart/form-data:以二进制的方式来处理表单数据。

text/plain:当表单的action属性值为mailto:URL的形式时使用。

八、常见表单元素(2)

1.

:单行文本框(一般类型)

2.

:密码输入框(密码类型)

3.   (常见表单元素3详细介绍)

:列表菜单(下拉菜单)

列头    :列表菜单(列头)

   :列表菜单(内容)

4. 男

: 单选框(单项按钮+单选项目)

sex:单项

例题:

u  男

u 女

5.

:图像域(width和height属性)

6.

:选择文件(按钮)

7.

:复选框

8.

:重置按钮(所有选择清空)

(表单元素3详细介绍)

9.

:文本区域

cols=”  ”:长

rows=”  ”:宽

10.

11.

:按钮(表单元素3详细介绍)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/445714.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【清华大学】《逻辑学概论》笔记

教学视频来源 ----第0讲 概要-0.1 讲师介绍0.2 课程内容--第1讲 什么是逻辑学&#xff1f;-1.1 “逻辑和逻辑学1.2 推理和推理形式1.3 有效推理形式1.4 逻辑学的特点1.5 逻辑学的基本准则1.6 逻辑学和其他学科的关系1.7 关于本课程《逻辑学概论》---第2讲 逻辑学的产生与发展-…

公用计算机管理,如何管理公用计算机和私人计算机的文件访问

如何管理公用计算机和私人计算机的文件访问08/07/2014本文内容适用于&#xff1a; Exchange Server 2007 SP3, Exchange Server 2007 SP2, Exchange Server 2007 SP1, Exchange Server 2007上一次修改主题&#xff1a; 2011-08-01本主题将介绍如何为 Microsoft Exchange Server…

Spring Boot 2 学习笔记(1 / 2)

Spring Boot 2 学习笔记&#xff08;2 / 2&#xff09; ---01、基础入门-SpringBoot2课程介绍02、基础入门-Spring生态圈03、基础入门-SpringBoot的大时代背景04、基础入门-SpringBoot官方文档架构05、基础入门-SpringBoot-HelloWorld06、基础入门-SpringBoot-依赖管理特性07、…

关于计算机展览的英语作文,2015考研英语作文范文精选:选什么东西参加展览?...

距离考研初试只剩十几天的时间&#xff0c;备考时间可谓相当紧张&#xff0c;考研英语作文的复习是2015考研考前最后冲刺的重点任务之一&#xff0c;在此分享2015考研英语作文范文精选&#xff1a;选什么东西参加展览?希望能够帮助大家更好的备考。2015考研英语作文范文精选&a…

Spring Boot 2 学习笔记(2 / 2)

Spring Boot 2 学习笔记&#xff08;1 / 2&#xff09; ---45、web实验-抽取公共页面46、web实验-遍历数据与页面bug修改47、视图解析-【源码分析】-视图解析器与视图48、拦截器-登录检查与静态资源放行49、拦截器-【源码分析】-拦截器的执行时机和原理50、文件上传-单文件与多…

职校学计算机对口高考可以考幼师吗,幼师专业对口高考考那些

技校网专门为您推荐的类似问题答案问题1&#xff1a;幼师专业对口高考1,幼教要考的内容很多的&#xff0c;比如音乐&#xff0c;舞蹈&#xff0c;心理卫生&#xff0c;教法等等很多的&#xff0c;其中音乐就要考声乐&#xff0c;乐理&#xff0c;视唱等等???2&#xff0c;如…

写出表格的结构html,一个面试题,根据json结构生成html表格

我的输入是{A1: {B1: {C1: {D1: 1233,D2: 11},C2: {D1: 10,D2: 10}},B2: {C1: {D1: 10,D2: 11},C2: {D1: 10,D2: 10},C3: {D1: 10,D2: 10}}}}用什么框架都可以&#xff0c;只要求输出以下table&#xff0c; json的最后一个节点就是table的最后一个column&#xff0c;并且只能占…

how to learn html5,HTML5与CSS基础

你将学到什么How to write a Web pageConcepts of a markup languageBasics of HTML5 and CSSWeb design and stylePage layout and flexbox课程概况This course is part of W3C’s “Front-End Web Developer” Professional Certificate.Learn the basics of Web design and …

单元测试中使用Mockito模拟对象

单元测试应该小巧玲珑&#xff0c;轻盈快捷。然而&#xff0c;一个待测的对象可能依赖另一个对象。它可能需要跟数据库、邮箱服务器、Web Service、消息队列等服务进行交互。但是&#xff0c;这些服务可能在测试过程中不可用。假设这些服务可用&#xff0c;依赖这些服务的单元测…

足球点球 html5,身为西甲第一点球手,C罗只有5次让点经历,难怪点球破门过百...

当今足坛是C罗和梅西的天下&#xff0c;两人持续不断的刷新创造各种记录&#xff0c;让球迷应接不暇。比梅西大2岁的C罗近期更是开挂&#xff0c;今天说他的点球。C罗现在是西甲历史上的第一点球手本赛季西甲第21轮&#xff0c;皇马客场4-1大胜瓦伦西亚&#xff0c;C罗在比赛中…

Spring Cloud 学习笔记(2 / 3)

Spring Cloud 学习笔记&#xff08;1 / 3&#xff09; Spring Cloud 学习笔记&#xff08;3 / 3&#xff09; ---56_Hystrix之全局服务降级DefaultProperties57_Hystrix之通配服务降级FeignFallback58_Hystrix之服务熔断理论59_Hystrix之服务熔断案例(上)60_Hystrix之服务熔断…

html5的colgroup,HTML colgroup 标签 | 菜鸟教程

HTML 标签实例 和 标签为表格中的三个列设置了背景色&#xff1a;ISBNTitlePrice3476896My first HTML$53尝试一下 浏览器支持所有主流浏览器都支持 标签。标签定义及使用说明 标签用于对表格中的列进行组合&#xff0c;以便对其进行格式化。通过使用 标签&#xff0c;可以向…

Spring Cloud 学习笔记(3 / 3)

Spring Cloud 学习笔记&#xff08;1 / 3&#xff09; Spring Cloud 学习笔记&#xff08;2 / 3&#xff09; ---108_Nacos之Linux版本安装109_Nacos集群配置(上)110_Nacos集群配置(下)111_Sentinel是什么112_Sentinel下载安装运行113_Sentinel初始化监控114_Sentinel流控规则…

普林斯顿计算机科学系,普林斯顿大学计算机科学系

普林斯顿大学计算机科学系研究生阶段开设有以下学位项目&#xff0c;分别是计算机科学博士&#xff1a;为期5年&#xff0c;要求申请者本科毕业&#xff0c;不限专业背景&#xff0c;但通常被录取的学生拥有工程、理科或数学专业背景&#xff0c;未设定本科GPA要求&#xff0c;…

html5语句大全,html5基础语句(学习)

起风了兼容性问题文档类型设定字符设定常用新标签新增的input type属性值&#xff1a;常用新属性综合案例兼容性问题文档类型设定documentHTMLhttp://blog.sina.com.cn/s/blog_6b38618701011csx.html(html5-api)http://blog.csdn.net/temotemo/article以多维模型为核心&#xf…

html单选按钮for,HTML如何实现RadioButton单选按钮

用HTML来实现RadioButton&#xff0c;需要使用input标签&#xff0c;其中type指定为radio&#xff0c;接下来的文章我们就来说一说详细的内容。我们先来看input标签的格式注&#xff1a;对于需要选中检索的值&#xff0c;可以利用表单的提交或使用JavaScript获取。我们来看具体…

计算机基础知识整理 手抄报,科技小制作的手抄报资料简单字少

科学是一切生活的基础&#xff0c;如同一把钥匙&#xff0c;为我们开辟前进的道路。科技在我们的生活中也是很重要的。你会做科技手抄报吗?下面是学习啦小编为大家带来的有关科技小制作的手抄报&#xff0c;希望大家喜欢。有关科技小制作的手抄报的图片参考有关科技小制作的手…

《深入理解JVM.2nd》笔记(五):调优案例分析与实战

文章目录概念案例分析高性能硬件上的程序部署策略情景再现1问题分析1关于Full GC使用64位JDK来管理大内存可能遇到问题建立逻辑集群使用逻辑集群可能遇到的问题最后解决方案集群间同步导致的内存溢出情景再现2问题分析2堆外内存导致的溢出错误情景再现3问题分析3外部命令导致系…

计算机课是一体化教学吗,计算机基础课程理实一体化教学模式

计算机基础课程理实一体化教学模式摘要:“大学计算机基础”是高职人材培养各专业计算机技术应用的基础。本文围绕这一问题,就如何培养学生更好地利用计算机去解决专业领域及日常事务中的问题,如何提高学生利用信息技术解决专业领域问题的能力和意识进行探讨。对教学中推进理实一…

Java开发常见面试题详解(并发,JVM)

预览 并发 问题详解请谈谈你对volatile的理解linkCAS你知道吗&#xff1f;link原子类Atomiclnteger的ABA问题谈谈?原子更新引用知道吗&#xff1f;link我们知道ArrayList是线程不安全&#xff0c;请编码写一个不安全的案例并给出解决方案link公平锁/非公平锁/可重入锁/递归锁…