首页 > 其他分享 >HTML5

HTML5

时间:2022-11-23 18:04:32浏览次数:37  
标签:-- 标签 列表 HTML5 跳转 表单 页面

W3C标准包括

结构化标准语言(HTML,XML)

表现标准语言(CSS)

行为标准(DOM,ECMAScript)

HTML

html:超文本标记语言

一、网页的基本结构

<!-- DOCYTPE:告诉浏览器,我们要使用什么规范-->
<!DOCTYPE html>

<html lang="en">

<!-- head标签代表网页头部-->
<head>
<!-- meta描述性标签,它用来描述我们网站的一些信息,charset=“UTF-8”表示使用的字符集-->
<meta charset="UTF-8">
<title>网页标题</title>
</head>
<!-- 网页主体-->
<body>
</body>
</html>

二、基本标签

<h1>一级标签</h1>  <!--一直可以到h6-->
<p>段落标签</p> 可换行
<br/>换行标签
<hr/>水平线标签
<strong>粗体</strong>
<em>斜体</em>
 空格
> 大于号
< 小于号
© 版权

三、图片标签

<img src="图片路径" alt="图像的代替文字" title="鼠标悬停提示文字" width="图像宽度" height="图像高度"/>
src: ../ --表示上级目录
./ --表示当前目录

四、链接标签

<a herf="表示跳转的页面" target="">点击我跳转到页面</a>
target: _self 在当前页面跳转
_blank 在新的页面跳转

五、列表

<ol>  有序列表
<li></li>
</ol>
无序列表
<ul>
<li></li>
</ul>
自定义列表
<dl>
<dt></dt>
<dd></dd>
</dl>

六、表格

table
行tr
列td

即为两行三列的表格
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>

七、音频和视频

<video src="视频地址" controls autoplay></video>
controls:使得视频有控制条
autoplay:打开页面自动播放
<audio src="音频地址" controls autoplay></audio>

八、页面结构

HTML5_html

九、内联框架

<iframe src=""> </iframe>

十、表单

        <!-- 表单form -->
<!--
action:向何处提交表单
method: 以何种方式提交 get post
type:文本框方式常用的 text\password\button等等
-->
<form action="向何处提交表单" method="以何种方式提交">
<input type="b.htm" name="" id="">
</form>


标签:--,标签,列表,HTML5,跳转,表单,页面
From: https://blog.51cto.com/u_15887473/5881555

相关文章

  • 基于HTML5的爱心表白动画特效
    从视觉上看,它也是一个爱心轮廓,但是不同的是这个爱心轮廓由许多跳动的小爱心组成,更加有一种3D立体的效果。1.运行效果2.代码构成<!doctypehtml><html><head><metacharset......
  • url的hash和html5的history
    通过以下可以改变浏览器中的url跳转到home路径下:location.hash='home'跳转到about路径下:history.pushState({},'','about')向上回退:history.back()向前进:history.f......
  • 用html5 实现断点续传 (HTTP)
    ​ 总结一下大文件分片上传和断点续传的问题。因为文件过大(比如1G以上),必须要考虑上传过程网络中断的情况。http的网络请求中本身就已经具备了分片上传功能,当传输的文件比......
  • html5 css timeline horizontal
     <!doctypehtml><html><head><metacharset="utf-8"> <metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1......
  • HTML5期末大作业:商城网站设计——仿天猫在线商城(HTML和CSS实现天猫在线商城网站)...
    常见网页设计作业题材有个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、服装、体育、化妆品、物流、环保、书籍、婚......
  • 数媒大二上HTML5速成笔记
    HTML5速成笔记0.前言视频教程链接:https://www.bilibili.com/video/BV1vs411M7aT/本笔记的作用:可供有HTML基础的、观看过上述教程的同学快速回忆知识点达到快速复习......
  • HTML5(笔记)
    1.基础1.HTML标题通过至2.段落用标签定义3.链接通过定义例如:<ahref="http://www.runoob,com">这是一个链接</a>4.图像标签<img>eg:<imgsrc="/images/logo.png"w......
  • HTML5 网页 3D 场景制作之 Three.js 初体验 - 制作 3D 字体
    前言在学习Three.js之前,我们先来了解WebGL,因为WebGL是Three.js的基础和规范.那什么是WebGL呢?WebGL(全写WebGraphicsLibrary)是一种3D绘图协议,这种绘图技术标准允许把Ja......
  • HTML5+CSS3
    一、HTML基础(一)HTML1、常用浏览器​内核浏览器备注IETridentIE,猎豹,360,百度FireFoxGecko火狐SafariWebkit苹果chrome/operaBlinkchrome/......
  • HTML5 WEB怎么实现大文件上传
    ​ 需求:项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在500G内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以500G来进行限制。PC端全平......