HTML5总结(1)

什么是HTML5

HTML即超文本标记语言,是一种用来制作超文本文档的简单标记语言,也是制作网页的最基本的语言,它可以直接由浏览器执行。

1.HTML 是用来描述网页的一种语言
2.HTML 指的是超文本标记语言
3.HTML 不是一种编程语言
4.标记语言是一套标记标签
5.HTML 使用标记标签来描述网页
6.HTML 文档包含了HTML标签及文本内容
7.HTML 文档也叫做web页面

HTML常用的标签

<标签>内容<标签>

-文档标记
-头部标记
-主体标记

网页的机构

简书

文档标记的语法

<!DOCTYPE>
声明了文档的类型,有助于浏览器中正确显示网页,所有的浏览器都支持<!DOCTPYE>声明。
始终向HTML文档中添加<!DOCTYPE>声明,这样浏览器才能获知文档类型

头部标记(<head>...</head>)
包含文档的标题信息,头部标记都不可缺少。

主体标记(<body>...</body>)
包含了文档的内容

中文网页需要使用<meta charset = "utf-8">声明编码,否则会出现乱码

HTML标签总结

<img>标签
图片大小
`
<img width = "" height = "">
添加图片

<img src= "图片路径" alt=""> (alt :如果无法显示图像,浏览器将显示替代文本)
HTML文字排版标记

<p></p>
段落标记,用于表示一个段落

<p>
         港媒称,据了解情况的科学家和学术权威们说,中国正在建造世界上最大的量子研究设施,以开发量子计算机和其他“革命性”技术,供军队破解密码并用于隐形潜艇。
</p>



换行标记,用于段落内部的转换
注意:该标记是自我闭合标记(意思是只用它一个标签就可以了)

<h1>~<h6>
标题标记,显示文档内容的标题,一共6级标题
<h1>这是一个一级标题</h1>

<ul></ul>
无序列表标记
用法

<ul>
        <li>标签1</li>
        <li>标签2</li>
        <li>标签3</li>
</ul>
简书

<ol></ol>
用法同上
<li></li>
如上图

<b></b>或者<strong></strong>
字体加粗
<i></i>或者<em></em>
文本倾斜
<hr />
水平线

<div></div>块级元素
1.总是在新行上开始,占据一行
2.高度,行高以及外边距和内边距都可以控制
3.宽带始终是与浏览器的宽度一样,与内容无关
4.它可以容纳行内(内联)元素和其他块元素。

<span></span>行内元素

  1. 和其他元素在同一行上
  2. 高,行高以及外边距和内边距部分可以改变
  3. 宽度只和内容有关
  4. 行内元素只能容纳文本或者其他行内元素

图片

内容图片和修饰图片
1.gif------色彩表现少,解析速度快,支持动画,支持透明,是网页中修饰类图片的首选
2.jpg-----色彩表现较多,不支持动图,也不支持透明,是网页中内容图片的首选
3.png——支持透明效果最好

超链接

可以链接不同的网页
<a></a>
通过指定的href来指定要连接的url, 标签内容可以是文本或者图片
用法

<a href = "2.html">点击进入2网页</a>
<a href = "2.html"><img src = "two.jpg" /></a>点击图片进入2网页

锚点的使用

1.定义锚点<a id = "zj">第三章</a>
2.定义指向该锚点的链接<a href = "# zj">点击查看第三章<a>

未完。。。。。。。。。。。。。。。。。。。。。。。。。。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 225,151评论 6 523
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 96,465评论 3 405
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 172,429评论 0 368
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 61,147评论 1 301
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 70,149评论 6 400
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 53,614评论 1 315
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 41,965评论 3 429
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 40,950评论 0 279
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 47,486评论 1 324
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 39,524评论 3 347
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 41,640评论 1 355
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 37,228评论 5 351
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 42,976评论 3 340
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 33,407评论 0 25
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 34,552评论 1 277
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 50,215评论 3 381
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 46,714评论 2 366

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,770评论 1 92
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,274评论 1 41
  • 什么是html是一种标记语言用来编写网页使用的语言 html结构说明<!DOCTYPE html> html 文档...
    big5阅读 249评论 0 0
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,568评论 32 459
  • 冯唐,你好: 见字如面。 我佩服你的一个地方,是因为你是一个托福考满分的学霸,还是一个协和医院的妇科专家,还是麦肯...
    知鱼君阅读 364评论 2 0