• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > HTML5自学笔记

HTML5自学笔记

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含HTML5等相关知识,匿名希望在学习及工作中可以帮助到您
1,为什么学HTML

超文本标记语言 Hype Text Mark-up Language

2,HTML的基本组成单位

标签

3,标签

(单标签和双标签)

站点的建立:

文件夹的建立

首页:index.html

home.html

html基本结构

文档声明

charset 字符集 “UTF-8” 国际编码 "GB2312"简体中文编码

<!doctype html>
<html>
<head>
<meta charset="UTF-8"/>
<title>京东</title>
</head>
<body>
<h1>京东618</h1>
<h2>party on</h2>
</body>
</html>

4,常用标签

h1 标签 双标签 大标题标签

<h1 align=“center">内容</h1> h1标签在一个页面内只能出现一次

align-属性 水平对齐

left/right/center-属性值



h1-h6总共六级标题

p标签 段落 双标签

特殊符号 空格

<br/> 单标签 换行

<hr> 水平线 标题的结束

<hr color="red" width="300" size="10" align="right"/>

<i></i>倾斜

<em></em>倾斜 强调的意思

<strong></strong> 加粗 强调的意思

<b></b>加粗

<span></span>需要特殊处理的文字 行内元素

<div></div>区块 块级元素 主要用在CSS

<img>单标签 插入图片

<img src="图片的路径” width="200" height="200" title="提示信息" alt="图片的名称或图片的地址"/>

三种列表

无序列表

<ul type="disc">
disc:圆点 circle:圆圈 square 正方形
<li>列表项</li>
</ul>

有序列表

<ol type="a" start="只能写数字">
a 1 I A
<li>列表项</li>
</ol>

定义列表

<dl>
<dt>列表项</dt>
<dd>描述项</dd>
</dl>

a标签,超链接标签,进行网页内部的链接和网站外部的链接。

<a href="资源地址" target="_self(自身窗口打开)/_blank(新窗口打开)">文字或者图片</a>

资源地址:

内部链接:html文件,图片,电影,音乐,压缩文件,word文档,PPT,,,

外部链接:http://www.baidu.com

路径:

相对路径

1:两个文件在同一个文件夹下面时,直接写文件的名称。

2:两个文件分别在不同文件夹下面,用../来表示上一级文件

3:一个文件在文件夹的里面,一个文件在文件夹的外面。直接写文件夹的名称

绝对路径

本地机器:E:\左霖\学习笔记

网络 :http://www.xxx.com/xxx/xxx

网页中常用的图片格式:

gif:支持动画,支持透明,最多存储256种颜色,有损压缩

jpg(jpeg):不支持动画,不支持透明,颜色比较丰富,有损压缩

png:不支持动画,支持透明,颜色丰富,无损压缩

注释标签

<!--这是注释标签-->

Photoshop切图以及快捷键

ctrl+r 显示标尺

F8 显示信息

ctrl+alt+z 多步撤销

ctrl+z 单步撤销

ctrl+N 新建空白画布

ctrl+D 取消选区

ctrl+o 打开

ctrl+t 自由变换

以上就是HTML5自学笔记的内容,更多相关内容请关注微课江湖()!

您可能想查找下面的文章:

相关文章

  • 2017-08-06HTML5是什么 HTML5是什么意思 HTML5简介
  • 2018-12-03详细介绍7款炫酷的HTML5 Canvas动画特效
  • 2018-12-03HTML5拖拉上传文件的示例代码分享
  • 2018-12-03HTML5 学习FileReader接口代码实例分享9(图)
  • 2018-12-03HTML5实现动画效果的方式汇总 _html5教程技巧
  • 2018-12-03目前做 webgame,Flash 还是主流吗?
  • 2018-12-03html5新技术socket.io实现聊天室的方法
  • 2018-12-03H5学习之旅-H5的基本标签(2)
  • 2018-12-03使用HTML5的表单验证的简单示例_html5教程技巧
  • 2018-12-03html5 video如何实现实时监测当前播放时间(代码)

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • html5 乒乓球(碰撞检测)实例二
    • HTML5的音频和视频监听器的应用代码详解
    • 移动端html5列表的制作方法
    • 如何解决canvas绘图时遇到的跨域问题
    • 利用html5 canvas破解简单验证码及getImageData接口应用_html5教程技巧
    • H5中视频与音频标签和进度条如何使用
    • 基于 HTML5 Canvas 的 3D 渲染引擎界面以及吸附等效果的运用
    • HTML5 Canvas实现交互式地铁线路图
    • html5中文件域+FileReader分段读取文件并上传到服务器的案例
    • HTML5-WebSocket实现聊天室示例

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有