第一课 HTML基础

HTML

Hyper Text Markup Language(超文本标记语言)

超文本包括:文字、图片、音频、视频、动画等

HTML5优势

1、跨平台

2、兼容性(市场的需求)

3、各大浏览器厂商支持

W3C

World Wide Web Consortium(万维网联盟)

成立于1994年,Web技术领域最权威和具影响力的国际中立性技术标准机构

World Wide Web Consortium (W3C)

W3C中国

W3C标准包括

结构化标准语言(XHTML 、XML)房子的地基、框架

表现标准语言(CSS)房子在框架基础上填充的墙

行为标准(DOM、ECMAScript )房子里的电梯,实现交互

HTML网页基本结构

3个标签元素

语言规范<html> 头部<head> 主体<body>

(< body>、</body>等成对的标签,分别叫开放标签和闭合标签

单独呈现的标签(空元素),如 <hr/> ;意为用 / 来关闭空元素)

<!DOCTYPE html>:告诉浏览器使用什么规范

<title>网页名</title>:标签

<meta charset="UTF-8">:网页字符编码

(gb2312包含全部中文字符,UTF-8 则包含全世界所有国家需要用到的字符

页面编码应与页面文件保存时的编码一致)

<h1>标题</h1>:标题标签,<h1>~<h6> 从大到小,一共6级标签

<p>段落</p>:段落标签

<br />:换行标签(<br>和<br/>和<br />一样的,<br />兼容两种)

<hr/>:水平线标签

<strong>字体样式</strong>或者<b></b>:字体加粗

<em>字体样式</em>或者<i></i>:字体倾斜

注释和特殊符号

&nbsp; 空格

&gt; 大于号>

&lt; 小于号<

&quot; 引号"

&copy; 版权符号

常见的图像格式:JPG,GIF,PNG,BMP

<img src="path" alt="text" title="text" width="x" height="y" />

img:图片 src:图像地址 alt:图像的替代文字 title:鼠标悬停提示文字

width:图像宽度 height:图像长度

页面间链接

<a href="path" target="目标窗口位置">链接文本或图像</a>

a:超链接 href:链接地址

target:链接在哪个窗口打开,常用值:_self覆盖本页面、_blank另起一个页面

锚链接

<a href="#marker">甲位置</a>:创建跳转链接

<a name="marker">乙位置</a>:创建跳转标记(name可换成id)

功能性链接

<a href="mailto:bdqnWebmaster@bdqn.cn">联系我们</a>

mailto:邮箱、qq、msn,网页地址

块元素:无论内容多少,该元素独占一行(p、h1-h6…)

行内元素:内容撑开宽度,左右都是行内元素的可以排在一行(a、strong、em…)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值