html5总结

最新推荐文章于 2021-04-22 14:04:19 发布
最新推荐文章于 2021-04-22 14:04:19 发布
阅读量144 收藏 6
点赞数
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46090116/article/details/104931844
版权

基本标签

1.特殊字符

    	p:代表一个段落，独占一行，块元素
    	&nbsp:空格
    	&gt:大于
    	&lt:小于
    	&quot:双引号
    	&copy:版权号
    
	<p>今天&nbsp;&nbsp;周四</p>
	<p>如果3&gt;2,是正确的</p>
	<p>如果3&lt;2,是错误的</p>
	<p>凯皇说：&quot;我是无敌的&quot;</p>
    <p>&copy;2020</p>

特殊字符的示范：
在这里插入图片描述

2.常用标签

 1.<br />：换行
 2.<pre>：预编译
			我
			   是
  </pre>
 3.<hr />：水平线
 4.<strong>粗体</strong>
 5.<em>斜体</em>
 6.<small>小号字体</small>
 7.<sup>上标
  <sub>下标
 8.<del>del>中划线</del>
 9.<img src="../img/pic.jpg" alt="图片加载失败" title="鬼鲛" >
        img:图片标签
	    src:图片的路径
	    alt:当我图片加载失败时，提示文本
	    title：鼠标悬浮，提示文本
10.<a href="http://www.baidu.com" target="_blank">百度一下</a>
        a:超链接
        href:连接地址
        target：打开方式，常用值：
        _self:在当前窗口打开连接页面，默认值
        _blank：在浏览器新建一个窗口，打卡连接页面
11.锚链接：在当前页面连接当前页面的资源
			需要给连接的标签起一个id值，id是惟一的。
			在href="#id名"，id以#开头
		<a href="#p1">第一章</a>
		<a href="#p2">第二章</a>
		<a href="#p3">第三章</a>
		<br />
		<br />
		<p id="p1">第一章内容</p>
12.列表
        ul:无序列表
		li:列表项

        ol:代表有序列表
		li:代表列表项
		
		dl:自定义列表
		dt:词条
		dd:对词条的解释
13.表格
        table:表格
        tr:行
        td:列
        th:表头
        rowspan:合并行
        colspan：合并列
        thead:表头
        tbody:表体
        tfoot:表尾
        <caption><h2>学生课程表</h2></caption>：居中在表格之上

13.1 表格和合并单元格的实例

<table border="1">
			<caption><h2>学生课程表</h2></caption>
			<thead style="background-color: #FF0000;">
			<tr >
				<th>时间</th>
				<th>星期一</th>
				<th>星期二</th>
				<th>星期三</th>
				<th>星期四</th>
				<th>星期五</th>
			</tr>
			</thead>
			<tbody  style="background-color: blue;">
			<tr>
				<td rowspan="2">上午</td>
				<td>语文</td>
				<td>英语</td>
				<td>语文</td>
				<td>英文</td>
				<td>数学</td>
			</tr>
			<tr>
				<td>数学</td>
				<td>政治</td>
				<td>生物</td>
				<td>地理</td>
				<td>化学</td>
			</tr>
			<tr>
				<td rowspan="2">下午</td>
				<td>音乐</td>
				<td>体育</td>
				<td>微机</td>
				<td>美术</td>
				<td>数学</td>
			</tr>
			<tr>
				<td>语文</td>
				<td>数学</td>
				<td>政治</td>
				<td>体育</td>
				<td>音乐</td>
			</tr>
			</tbody>
			<tfoot  style="background-color:gray;">
			<tr>
				<td >晚上</td>
				<td colspan="5">自习</td>
				
			</tr>
			</tfoot>
		</table>

13.1运行结果：在这里插入图片描述

3.表单

form:表单
action:处理表单数据的服务器地址
method:表单的提交方式

(1)get:默认一种方式，是通过地址栏进行传输 查询用get
特点：
1.不能传递敏感数据，
2.不能传递海量数据，大于1024个字节就不能传输
3.不能上传文件

(2)post:以文件的形式进行传输 增删改都用post
特点：
1.安全
2.可以传递海量数据
3.传输速度慢

<body>
		<!--
			input：输入框，常用属性
			type:输入框的类型，常用类型值：
			text:文本框
			password:密码框
			image:图片框
			radio：单选按钮
			checkbox:多选框
			file:上传
			color:颜色框
			email；邮箱,给我们添加了表单验证
			number：数字框
			tel：手机号，只是针对于手机端有效
			hidden:隐藏域，不会在用户界面显示，但是源码可以看到
			
			size:文本框的宽度
			maxlength:限定文本框输入字符数
			
			如果要做上传功能，需要改变表单的编码，改成enctype="multipart/form-data"
		-->
		<form action="#" method="post" enctype="multipart/form-data">
			<input type="hidden" name="id" id="id" value="1001" />
			<span>用户名：</span>
			<input type="text" name="userName" id="userName" size="10" maxlength="10" value="李四" />
			<br />
			<span>密  码：</span>
			<input type="password" name="pwd" id="pwd" />
			<br />
			<span>头像：</span>
			<br />
			<input type="image" src="../img/pic.jpg"  name="img" id="img"/>
			<br />
			<span>性别：</span>
			<!--checked="checked" :默认被选中-->
			<input type="radio" name="sex" id="sex" checked="checked"  />男
			<input type="radio" name="sex" id="sex"  />女
			<br />
			<span>爱好：</span>
			<input type="checkbox" name="hobby"  value="1"/>看书
			<input type="checkbox" name="hobby"  value="2"/>跑步
			<input type="checkbox" name="hobby"  value="3"/>追剧
			<input type="checkbox" name="hobby"  value="4"/>玩游戏
			<br />
			<span>上传：</span>
			<input type="file" name="file" id="file" />
			<br />
			<span>颜色：</span>
			<input type="color" name="color" id="color" />
			<br />
			<span>邮箱：</span>
			<input type="email" name="email" id="email" />
			<br />
			<span>日期：</span>
			<input type="date" name="date" id="date"/>
			<br />
			<span>数字：</span>
			<input type="number" name="number" id="number" />
			<br />
			<span>手机号：</span>
			<input type="tel" name="tel" id="tel" />
			<br />
			<span>省份：</span>
			<!--
				select:列表框
				option：列表项
				selected="selected"：设置为第一选项
			-->
			<select name="province" id="province">
			<!--	<option vaule="1">---请选择---</option>-->
				<option value="beijing">北京</option>
				<option value="shanghai">上海</option>
				<option value="tianjin">天津</option>
				<option value="shandong">山东</option>
			    <option vaule="1" selected="selected"/>---请选择---</option>
			</select>
			<br/>
			<span>请阅读以下内容：</span>
			<!--
				textarea：多行文本域
				rows:多行文本可见的行数
				cols：多行文本可见的列数
				
				disabled="disabled":设置按钮为禁用状态
				readonly="readonly"：设置只读
			-->
			<textarea name="desc" id="desc" rows="2" cols="5" readonly="readonly">13131311</textarea>
			<br />
			<input type="checkbox" />我同意
			<input type="button" value="下一步" disabled="disabled" />
			<br />
			<!--提交按钮-->
			<input type="submit" />
			<!--普通按钮-->
			<input type="button" value="修改"/>
			<!--重置按钮-->
			<input type="reset" />
		</form>
	</body>
weixin_46090116
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Html5 总结快捷键方式
梁山伯_的博客
07-08 8794
快捷键与各个标签的总结 添加Html注释的快捷键：ctrl+shfit+/ 形式： Html中标题的大小 最大字体 ....... 最小字体 这是段落（paragraph）标签页面的一个段落，自动换行
HTML5总结
weixin_45729307的博客
05-08 398
媒体API 音频–audio 1、标记属性： （1）src:设置音频的播放路径 （2）autoplay:自动播放。浏览器不支持自动播放 --浏览器规定:媒体必须通过用户交互才会播放 （3）controls:设置是否显示播放控制面板 （4）loop：设置是否循环播放。 （5）muted：设置是否默认静音 2、接口属性： （1）paused：判断音频是否处于暂停状态。 （2）volume：返回/设置当前音频播放的音量（取值：0-1）。 （3）duration：返回音频播放的总时长（单位：秒）。 （4）curre
HTML5 基础知识总结(全)
IT_Holmes的博客
04-22 7248
HTML 一1.文档类型2.字符集3.标签< h1 >到< h6 >4.文本格式化标签（熟记）5.标签属性6.图像标签img 学习HTML推荐使用Sublime Text软件来操作练习，一定要熟练使用这个软件，对以后的无论是工作还是学习都有很大帮助。 1.文档类型<!DOCTYPE> <!DOCTYPE html> 这句活就是告诉我们使用那个html版本。 只需要记住，看到上面这行代码，说明使用的是html5的版本。 2.字符集 <meta chars
超详细html5登录注册页面总结
热门推荐
weixin_45738504的博客
03-28 1万+
一、HTML5简介 HTML是互联网上应用最广泛的标记语言。HTML文件就是普通文本+HTML标记，而不同的HTML标记能表示不同的效果。 HTML5优势 HTML5并不是一种革新的的升级，而是一种向规范向习惯的妥协，因此HTML5并不会带给开发者过多的冲击，从HTML4到HTML5过渡会非常轻松。 HTML5解决了以下四点问题 ： 解决跨浏览器问题 部标签代替了原来的JavaScript 更明确的语义支持 增强了web应用程序和功能 二、我的第一个网页 下面在ideal中先写一个第一个网页，测试一下环
总结HTML5
一瓶大可乐丶的博客
08-21 108
总结HTML5HTML5 视频HTML5 音频HTML5 拖放HTML5 CanvasHTML5 SVGHTML5 Web 存储 HTML5 视频 目前，大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 video 元素来包含视频的标准方法。如需在 HTML5 中显示视频，您所有需要的是： <video src="movie.ogg" controls="controls"> </video> controls 属
CSS+HTML5总结
04-26
这是一个关于CSS+HTML的资源总结，它内容丰富，由于不是pdf格式，所以相对有一些小，里面包含了CSS和HTML的基础知识，还有一些小技术，比如怎么利用CSS绘制图形，怎么制作Logo，以及最为基础的多种水平居中、垂直...
1.HTML5总结.mp4
01-29
1.HTML5总结.mp4
HTML最新标准HTML5总结(必看)
09-28
下面小编就为大家带来一篇HTML最新标准HTML5总结(必看)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
HTML5基础总结
11-30
HTML5是现代网页开发的核心标准，它在2014年正式发布，为开发者提供了许多新的元素、属性和API，极大地增强了网页的功能性和可访问性。这篇笔记将深入探讨HTML5的基础知识，帮助你理解并掌握这个强大的语言。 首先...
新手小白HTML5阶段总结
最新发布
12-02
新手小白 HTML5 阶段总结 HTML5 是最新的 HTML 标准，提供了许多新的功能和特性，使得网页开发更加方便和强大。本文将对 HTML5 的基本概念、文本控制标签、图像标签、超链接标签、表格标签、列表标签、表单标签等...
输入一个正整数，判断是否为素数
weixin_46090116的博客
12-30 3134
package for_homework; import java.util.Scanner; //所谓素数（又叫质数）是指只能被1和它本身整除的数字，1除外。 //输入一个正整数，判断是否为素数。 public class zuoye3 { public static void main(String[] args) { int i; Scanner sc = new Scanner(Sys...
打印出100以内的质数，一行显示5个
weixin_46090116的博客
12-30 2001
package for_homework; //打印出100以内的质数，一行显示5个， //（质数是只能被1跟自身整除的数，1不是质数） public class zuoye4 { public static void main(String[] args) { int i,j,flag=0; for(i=2;i<=100;i++){ for (j = 2; j < Math.sqrt...
编写Java程序，在控制台上打印出九九乘法表
weixin_46090116的博客
12-30 1396
for (int i = 1; i <= 9; i++) { for (int j = 1; j <= i; j++) { System.out.printf("%-8s",j+"*"+i+"="+(i*j)); //8为所占列的宽度，-为左对齐 } System.out.println(""); }
编写:三个整数，从小到大输出
weixin_46090116的博客
12-30 1051
package com.hpe.java; import java.util.Scanner; //编写:三个整数，从小到大输出 public class demo6 { public static void main(String[] args) { Scanner sc=new Scanner(System.in); System.out.println(“请输入三个整数：”); int...
数组基础知识
weixin_46090116的博客
01-09 301
数组的声明 数组是相同类型的数据按顺序组成的一种复合数据类型。通过数组名加数组下标，来使用数组中的数据。下标从 0 开始排序。 声明一维数组 数组元素类型[ ] <数组名>; 声明二维数组 数组元素类型[ ][ ] <数组名>; 数组的实例化 数组的初始化 静态初始化 格式一: 数据类型[] 数组名 = {元素1,元素2,元素3,元素4,元素5,...元素n}; 格式二...
java，jdk，jre，jym的关系
weixin_46090116的博客
12-26 300
java基础认知 java,jdk,jre的关系 jdk是java开发工具包，是提供给java开发人员使用的，包含java的开发工具，也包含jre。安装了jdk,就不用安装jre了。 jre是java运行环境，包含java虚拟机和java所需的核心类库。如果只运行一个开发好的java程序，只需要安装jre。 jdk包含jre，jre包含jvm(java虚拟机)。 ...
java核心机制
weixin_46090116的博客
12-26 215
java核心机制 1.java虚拟机 JYM是一个虚拟的计算机，负责执行指令，管理数据，内存，寄存器。 对不同的平台，有不同的虚拟机。 *.java编译成 *.class执行不同平台的jym 2.垃圾回收机制 垃圾回收：将不再使用的内存空间进行回收。 在 C/C++ 等语言中，由程序员负责回收无用内存。 Java 不需要程序员负责回收无用的内存：它提供一种系统级线程跟踪存储空间的分配情况。并在JV...
C/S架构和B/S架构
weixin_46090116的博客
03-04 157
两大架构：C/S架构和B/S架构 C/S架构：客户端/服务器端 (1) 软件使用前必须安装。 (2) 软件更新时，服务器端和客服端都需要更新。 (3) c/s架构通信的话，采用的是自有协议，相对来说比较安全。 (4) c/s架构的软件不能够跨平台，就类似于PC版的QQ不能在手机安装 B/S：浏览器/服务器 (1) 软件使用前需要安装。 (2) 软件更新的时候，客户端不需要更新。 (3) B/S架构...
成员变量与局部变量的区别
weixin_46090116的博客
01-09 155
成员变量和局部变量的区别 1.定义位置不同： 成员变量定义在类内部，方法之外 局部变量定义在方法内部 2.作用域不用： 成员变量作用在类内部 局部变量作用在方法之内 3.内存中的位置不同： 成员变量保存在堆里面 局部变量保存在栈里面 4.默认值不同： 成员变量有默认值 局部变量没有默认值 5.修饰符不同： 成员变量访问修饰符有4个，private 缺省 protected public 局部变量没...
HTML5网页设计基础相关知识点.docx
04-19
HTML5网页设计基础知识总结 HTML5是一种用于网页设计和开发的标记语言，通过使用HTML5，网页可以更加丰富、交互性更强，并能够在各种终端设备上面进行访问。在这篇总结中，我们将介绍HTML5网页设计的一些基础知识点...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值