HTML5学习笔记
iOS开发-上海
一点一滴 汇成大海
展开
-
HTML学习---------介绍HTML5
1,什么是HTML? HTML是用来描述网页的一种语言; HTML指超文本标记语言(Hyper Text Markup Language) HTML不是编程语言,是一种标记语言2,HTML5新特性:用于绘画的canvas标签用于媒介回放的video和audio元素对本地离线存储的更好支持新的特殊内容:如:article ,footer,heade原创 2017-05-11 17:49:53 · 391 阅读 · 0 评论 -
HTML学习---------1.11空格标签
在HTML中输入空格是没有用的,要想输入空格,就必须用 标签;在HTML代码只能怪输入空格是不起作用的,如下代码:在浏览器中显示,是没有空格效果的.输入空格的正确方式:在浏览器中显示出来的空格效果如下:原创 2017-06-02 14:47:35 · 683 阅读 · 0 评论 -
HTML学习---------1.12 水平分割线标签 <hr>
在展示信息时,有时会需要添加一些用于分割的横线,这样会是文章看起来整齐些,这时就要用到标签;语法:xhtml1.0版本:html4.01版本:注意:1,标签和标签一样也是一个空标签,所以只有开始标签,没有结束标签;2,标签在浏览器中的默认样式线条比较粗,颜色为灰色,这些样式在css中可以对其修改;3,现在一般使用xhtml1.0的版本,这种版本比较规范;原创 2017-06-02 15:22:40 · 2210 阅读 · 0 评论 -
HTML学习---------1.13 地址标签 <address>和链接标签<a>
一般网页中会有一些网站的联系细致信息需要在网页中显示出来,这些联系地址信息如公司的地址就可以用 标签;原创 2017-06-02 15:35:48 · 450 阅读 · 0 评论 -
HTML学习---------1.15 列表标签ul-li
ul-li在网页中显示的默认样式一般为: 每一项li前都自带一个圆点.原创 2017-06-06 16:20:37 · 464 阅读 · 0 评论 -
HTML学习---------1.16 有序列表标签ol-li
在网页中显示的默认样式一般为: 每项前都自带一个序号,序号默认从1开始;语法: 信息 信息 ......天原创 2017-06-07 10:54:37 · 770 阅读 · 0 评论 -
HTML学习---------1.16 div在排版中的作用
在网页制作过程中,可以把一些相对独立的逻辑部分划分出来,放在一个标签中,这个div标签的作用就先防御一个容器;语法:…确定逻辑部分:它是页面上相互关联的一组元素.如网页中独立的栏目板块,就是一个典型的逻辑部分.如下图所示:途中用红色边框标出的部分就是一个逻辑部分,就可以用标签作为容器;原创 2017-06-07 10:55:39 · 381 阅读 · 0 评论 -
HTML学习---------1.17 给div命名
把一些标签放进里,划分出一个独立的逻辑部分,为了逻辑更加清晰,我们可以为这一个逻辑部分设置一个名称,用 id 属性来为提供唯一的名称,这个就像我们每个人都有一个身份证号,这个身份证号是唯一标识我们的身份的,也是必须唯一的.原创 2017-06-08 10:16:41 · 884 阅读 · 0 评论 -
HTML学习---------1.19 为表格添加标题和摘要
摘要:摘要的内容是不会在浏览器中显示出来的.它的作用是增加表格的可读性(语义化),是搜索引擎更好的读懂表格的内容,还可以是屏幕阅读器更好的帮助特殊用户读取表格内容.标题:标题用以描述表格内容,标题显示的位置:表格的上方.语法: 标题文本 … … … …原创 2017-06-09 15:59:07 · 888 阅读 · 0 评论 -
HTML学习---------1.10 换行标签<br>
标签:在需要加回车换行的时候用;作用:相当于word文档中的回车;语法:xhtml1.0写法:html4.0.1写法:注意:1,现在一般使用xhtml1.0的版本的写法,这种版本比较规范;2,与以前学过的标签不一样,标签是一个空标签,没有HTML内容的标签就是空标签,空标签只需要写一个开始标签,这样的标签有,和;3,在HTML中是忽略回车和空格的原创 2017-06-02 14:21:32 · 779 阅读 · 0 评论 -
HTML学习---------1.14 在文本中插入一行或多行代码使用的标签<code> <pre>
在介绍语言技术的网站中,避免不了在网页中显示一些计算机专业的编程代码,当代码为一行时,用标签,当代码语法:插入一行代码:代码语言插入多行代码:代码语言标签的主要作用:预格式化的文本.被包围在pre元素中的文本通常会保留空格和换行符;注意:标签不只是为显示计算机的源代码时用的,在你需要在网页中预显示格式时都可以使用它,只是标签的一个常见应用就是原创 2017-06-05 17:01:15 · 2490 阅读 · 0 评论 -
HTML学习---------1.5认识head标签
标签的作用:文档的头部描述了文档的各种属性和信息,包含文档的标题等.绝大多数文档头部包含的数据都不会真正作为内容显示给读者,下面这些标签可用在head部分: ... ... ...标签:在和标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中.网页的title用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎原创 2017-05-31 17:45:03 · 254 阅读 · 0 评论 -
HTML学习---------认识html标签
让我们通过一个网页的学习,来对html标签有一个初步的理解.平常大家说的上网是浏览各种各样的网页,这些网页都是由html标签组成的.下面就是一个简单的网页,效果图如下:我们来分析一下,这个网页有哪些html标签组成:"勇气"是网页内容文章的标题, 就是标题标签,它在网页上的代码写成勇气."三年级时...我也没勇气参加."是网页文章的段落,是段落标签.它在原创 2017-05-31 17:04:50 · 364 阅读 · 0 评论 -
HTML学习---------Html,CSS和JavaScript的关系
学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的:1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。原创 2017-05-31 16:43:15 · 499 阅读 · 0 评论 -
HTML学习---------1.3标签的语法
1,标签由英文尖括号 和 < 括起来,如 就是一个标签.2,html中的标签一般都是成对出现的,分开始标签和结束标签.结束标签比开始标签多了一个/ .如: (1) (2) (3)3,标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:里嵌套,那么必须在的前面.如下图所示:4,html标签是不区分大小写的,和时一样的,但建议原创 2017-05-31 17:22:34 · 224 阅读 · 0 评论 -
HTML学习---------1.4认识html文件的基本结构
一个html文件是有自己固定的结构的. ... ...1, 为根标签,所有的网页标签都在中.2, 标签用于定义文档的头部,它是所有头部元素的容器.头部元素有,,,,等标签.3,在和之间的内容是网页的主要内容,如,,,等网页内容标签,在这里的标签中的内容会在浏览器中显示出来.******************************原创 2017-05-31 17:33:28 · 288 阅读 · 0 评论 -
HTML学习---------1.6HTML代码注释
代码注释的作用:帮助程序员标注代码的用途,过一段时间后再看你缩写的代码,就能很快想起这段代码的用途.不仅方便程序员自己回忆起以前代码的用途,还可以帮助其他程序员很快的读懂你的程序的功能,方便多人合作开发网页代码.语法:注释文字 -->注意: 标签的三种空写法: 空链接 (这种伪协议,原创 2017-06-01 11:09:50 · 323 阅读 · 0 评论 -
HTML学习---------1.7 <body>标签
标签:在网页上要展现出来的内容一定要放在body标签中;常用标签:输入内容 显示标题输入内容显示段落输入内容表示斜体显示"输入内容"输入内容表示加粗显示"输入内容"输入内容下划线输入内容 强调单独设置样式输入内容***************************************练习***********************原创 2017-06-01 14:38:50 · 302 阅读 · 0 评论 -
HTML学习---------1.8 <em>,<strong>,<span>标签
1,和标签是为了强调一段话中的关键字时使用,它们的语义是强调;2,标签是没有语义的,它的作用就是为了设置单独的样式用的;例如:在一段话中,我们想设置某个词语如"美国梦"三个字设置成蓝色,但注意不是为了强调"美国梦",而只是想为它设置和其他文字不同的样式,就只能用标签了;语法:文本原创 2017-06-01 16:13:31 · 360 阅读 · 0 评论 -
HTML学习---------1.9 引用标签<q>和<blockquote>
1,标签:短文本引用标签;它是对简短文本的引用,如引用一句话;注意:要引用的文本不用加双引号,浏览器会对q标签自动添加双引号; 标签的真正关键点不是它默认样式双引号(如果这样,我们不如自己在键盘上输入双引号就行了),而是它的语义:引用别人的话;2,标签:长文本引用标签,其作用也是引用别人的文本,但它是是对长文本的引用,如在文章中引入大段某知名作家的文字;浏览器对标签的解析是缩进样式;原创 2017-06-01 17:09:48 · 456 阅读 · 0 评论 -
HTML学习---------1.18 table标签
创建表格的四个元素:table,tbody,tr,th,td1, ... :整个表格以标记开始,标记结束;2, ... :如果不加,table表格加载完后才显示.如果加上这些表格结构,tbody包含行的内容下载完优先显示,不必等待表格结束后再显示,同时如果表格很长,用tbody分段,可以一部分一部分地显示.3,:表格的一行,所以有几对tr,表格就有几行;4,:表格的单元原创 2017-06-09 15:16:52 · 344 阅读 · 0 评论