html 5入门,HTML5入门

初学HTML5

html5基础

一、internet与web

1.1 internet

internet是个全球性的计算机互联网络，它提供的主要服务：Telnet/www/Email/BBS/FTP等。信息在internet上被分成许多小数据包(使用TCP/IP协议簇)进行传输，在目的地进行重组。

1.2 web

web又称万维网或环球网，它将各种类型的信息和服务进行连接，提供生动的用户图形界面(可称为文档)，web其实是无数文档的集合，这些文档就存在因特网的某个地方。

web的工作原理：由web服务器、浏览器、和通信协议组成，浏览器通过HTTP(超文本传输协议)向web服务器发出请求，web服务器应答并将信息发送给浏览器(主要以网页的形式发布)，浏览器解释HTML网页文档，并显示在用户屏幕上。

二、HTML

2.1 HTML

HTML是超文本标记语言，一种纯文本语言。用该语言编写的文件以.html或.htm为后缀,设计的网页由浏览器进行解释执行。在HTML页面上可以使用脚本语言编写的程序段，如VB/JS。

第一个学习的元素就是

html作为超文本标记语言，它的元素如下表：

5010e3b71d4d

元素表.PNG

【上图网址

文本样式：就是对文本进行修饰

加粗

倾斜

下划线

删除线

_下标

^上标

标记语法分为单标记和双标记；元素是尖括号内的包围的部分，元素之间还可以相互嵌套；属性，每个元素都有自己所特有的属性,属性都有值，标准属性是绝大多数元素支持的属性，如id、title、class、style等。

注释

html文档结构

HTML骨架

文本

文本样式：对文本进行修饰，如加粗、倾斜等；

标题元素：；

段落元素：

强制换行元素：

；

分区元素行内分区、

块内分区

；

分割线：

单标记；

预格式化：

，保留中间的格式；

图像和链接

[站外图片上传中……(2)]

点击浏览器会在原标签跳转到http://www.apple.com

发送邮件包含对象及内容或抄送对象

下载文件打开图

适合远方

链接到javascript 功能

表格

表格由三种元素嵌套而成

table tr(行) td(列)

cellspacing：设置外边距

cellpadding：设置内边距

align:水平对其方式left/right/center

valign:横向对其方式top/middle/bottom

caption设置表格标题，必须跟在

table后面显示在表格上面

表格名字
1	2	3
4	5	6
7	8	9

效果图

d7cbcef68a794f57b688e55ab017417e?version=auto&filename=day.PNG

day.PNG

列表

有序列表ol和无序列表ul；

li：指示具体列表内容；

列表中的type属性、列表的嵌套、定义列表。

结构标记

使用大量的div进行页面布局

表单

用于显示信息，并提交到服务器。使用

构建。

一些注意事项~~

checked:设置radio/checkbox的默认值

maxlength:设置最大字符数

select:

selected:默认选中项

size:让用户看到几个选项

option；列表项

textarea :

cols :设置宽用字符数设置

rows:设置高

label: 与其他元素绑定，是实现选项点击选项按钮实现效果

for：实现绑定另一个元素id

按钮：

跟JS搭配使用

form属性 method:get/post

get:将数据放在url中，并对数据大小限制，且不安全

post:不将数据放在url中-->

用户名密码

iframe

使用iframe在浏览器上显示多个文档页面

html 5入门,HTML5入门相关推荐

html编程入门指南,给萌新HTML5 入门指南
本文由葡萄城技术团队原创并首发转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具.解决方案和服务,赋能开发者. HTML5的发展改变了互联网技术趋势,前端热度依旧不减,所以对于应用开发人员 ...
给萌新HTML5 入门指南
HTML5的发展改变了互联网技术趋势,前端热度依旧不减,所以对于应用开发人员前端技术也成了必备技能之一,本篇文章的目的是为了帮助萌新的入门指导,也同时希望能为老鸟起到一定查漏补缺的作用,那么让我们开始 ...
html5 移动页面,html5入门到精通，移动设备的html5页面布局
移动设备的html5页面布局我们结合移动设备(手机和平板电脑)的特性,介绍HTML5中新增的语义化标签元素,以及在移动Web浏览器下Web页面布局的知识及例子. HTML5标准添加的新元素当中,用于 ...
HTML5 入门（一）
HTML5 入门( 一) html5简介新特征 HTML5 的一些改进 HTML5 的多媒体注释: 基础标题 HTML 段落 HTML 链接一个简单的代码例子 html5简介 HTML5是构建 ...
02前端入门HTML5 +CSS3+电商网页制作：CSS
02前端入门HTML5 +CSS3+电商网页制作 0 来源 1 CSS基础 1.1 基础认识 1.1.1 css demo 1.1.1 css的层叠性 1.2 CSS引入方式 1.3 选择器 1.4 ...
01前端入门HTML5 +Css3+电商网页制作：HTML5
01前端入门HTML5 +Css3+电商网页制作 0. 来源 1. 基础认识 1.1 Web 标准构成 1.2 基本语法 2. vscode使用 3. HTML 3.1 注释 3.2 标签 3.2.1 ...
慕课学习史上最全零基础入门HTML5和CSS笔记
慕课学习史上最全零基础入门HTML5和CSS笔记 Html和CSS的关系学习web前端开发基础技术需要掌握:HTML.CSS.JavaScript语言.下面我们就来了解下这三门技术都是用来实现什么的 ...
Web前端零基础入门——HTML5
[尚硅谷]Web前端零基础入门HTML5+CSS3基础教程丨初学者从入门到精通 html入门 index1 > <html><head><title>我是谁? ...
推荐10个适合初学者的 HTML5 入门教程
HTML5 作为下一代网站开发技术,无论你是一个 Web 开发人员或者想探索新的平台的游戏开发者,都值得去研究.借助尖端功能,技术和 API,HTML5 允许你创建响应性.创新性.互动性以及令人惊叹的 ...

html 5入门,HTML5入门

html 5入门,HTML5入门相关推荐

最新文章

热门文章