Html属性

1.Html要求使用小写属性。

Html标题

1.确保将Html标题标签只用于标题。不要仅仅为了生成粗体或大号的文本而使用标题。

2.<hr>标签在Html页面中创建水平线,水平线的默认属性为<style=”height:0px;border:1px;margin-top:8px; margin-bottom:8px”>,margin属性和border属性可以更改。

Html段落

1.<p></p>段落标签,即使忘记加结束标签,大部分浏览器也会正确显示。

Html文本格式化

1.文字的上标:<sub></sub>和下标:<sup></sup>,把要写成上标或者下标的文字放在开始标签和结束标签之间。

2.文本放大:<big></big>。文本缩小:<small></small>。

3.控制空格:<pre></pre>此标签内的内容可以识别空格,输入几个空格在网页上就会显示出几个空格。

4.“计算机输出”标签:<code></code>、<kbd></kbd>、<tt></tt>、<samp></samp>、<var></var>这些标签常用语显示计算机/变成代码。

5.地址标签:<address></ address>

6.缩写和首字母缩写:<abbr> </abbr>、<acronym></acronym>。

示例:<abbr title="etcetera">etc.</abbr>

网页上显示etc.,鼠标放上之后显示etcetera

<acronym title="World Wide Web">WWW</acronym>

网页上显示WWW,鼠标放上之后显示World Wide Web

7.文字方向:<bdo dir="rtl"></bdo>

示例:<bdo dir="rtl">该段落文字从右到左显示。</bdo>

网页上显示内容为:。示显左到右从字文落段该

8.块引用:<q></q>

示例:<p>WWF's goal is to:

<q>Build a future where people live in harmony with nature.</q>

We hope they succeed.</p>

网页上显示为:WWF's goal is to:”Build a future where people live in harmony with nature.”We hope they succeed.

9.删除文字效果个插入文字效果:<del> </del>、<ins> </ins>,删除的字和添加的字分别放在标签之间。删除的字中间会出现删除线

Html CSS:

1.超链接去掉下划线:text-decoration:none

2.外部样式表:<link rel="stylesheet" type="text/css" href="styles.css">

3.如何适应CSS

(1)内联样式:在Html中使用style属性;

(2)内部样式表:在Html文档头部head区域使用<style>样式;

(3)外部引用:使用外部CSS文件;

4.插入图片:插入动态图和插入静态图的方法是一样的。

5. alt 属性用来为图像定义一串预备的可替换的文本。在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。

6.排列图片<p><img src="smiley.gif" alt="Smiley face" align="middle" width="32" height="32">这是一些文本。</p>

默认对齐的图像align="bottom",意思就是当一行中有文字和图片时,文字的底部和图片的底部对齐。align属性还有middle和top。

7.浮动图像

图像浮动在段落的左侧还是右侧,用float就可以。

8.创建图像映射:创建带有可供点击区域的图像地图,其中的每一个区域都是一个超链接。

代码未看懂

Html5学习1(Html属性、Html CSS:)的更多相关文章

  1. Html5 学习笔记 --》html基础 css 基础

    HTML5 功能 HTML5特点 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta cha ...

  2. [html5] 学习笔记-表单新增的元素与属性(续)

    本节主要讲解表单新增元素的controls属性.placeholder属性.List属性.Autocomplete属性.Pattern属性.SelectionDirection属性.Indetermi ...

  3. Html5学习笔记1 元素 标签 属性

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. HTML5 学习总结(一)——HTML5概要与新增标签

    一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电.触摸 ...

  5. HTML5 学习笔记(一)——HTML5概要与新增标签

    目录 一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 1.5.HTML5优点与缺点 1.5.1.优点 1.5.2 ...

  6. jQuery源代码学习之八——jQuery属性操作模块

    一.jQuery属性模块整体介绍 jQuery的属性操作模块分四个部分:html属性操作,dom属性操作,类样式操作,和值操作. html属性操作(setAttribute/getAttribute) ...

  7. HTML5 学习笔记--------》HTML5概要与新增标签!

      一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电. ...

  8. HTML5学习笔记(一):HTML简介

    Web前端涵盖的内容较多且杂,主要由3个部分组成:HTML标记语言.CSS样式语言和JavaScript脚本语言组成,而下面我们将先学习最新的标记语言HTML5. <!DOCTYPE>标记 ...

  9. CSS3秘笈第三版涵盖HTML5学习笔记1~5章

    第一部分----CSS基础知识 第1章,CSS需要的HTML HTML越简单,对搜索引擎越友好 div是块级元素,span是行内元素 <section>标签包含一组相关的内容,就像一本书中 ...

  10. HTML5学习之语义化标签(一)

    一.为什么HTML5要引入新语义标签 在HTML5出现之前,我们一般采用DIV+CSS布局我们的页面.但是这样的布局方式不仅使我们的文档结构不够清晰,而且不利于搜索引擎爬虫对我们页面的爬取.为了解决上 ...

随机推荐

  1. c++远征

    ---恢复内容开始--- 这两天初步接触了C++,抱着一种对这两个加号的理解的心态走进这门语言的学习. 1.mooc--慕课网c++课程链接:http://www.imooc.com/learn/34 ...

  2. java — 值传递和引用传递

    在 Java 应用程序中永远不会传递对象,而只传递对象引用.因此是按引用传递对象.Java 应用程序按引用传递对象这一事实并不意味着 Java 应用程序按引用传递参数.参数可以是对象引用,而 Java ...

  3. lintcode-11-二叉查找树中搜索区间

    二叉查找树中搜索区间 给定两个值 k1 和 k2(k1 < k2)和一个二叉查找树的根节点.找到树中所有值在 k1 到 k2 范围内的节点.即打印所有x (k1 <= x <= k2 ...

  4. 3dContactPointAnnotationTool开发日志(一)

      周日毕设开题报告结束后浪了一天,今天又要开始回归正轨了.毕设要做一个人和物体的接触点标注工具,听上去好像没啥难度,其实实现起来还是挺麻烦的.   今天没做啥,就弄了个3d场景做样例.把界面搭了一下 ...

  5. MongoDb企业应用实战(一) 写在MongoDB应用介绍之前(ii)

    上一篇: MongoDb企业应用实战(一) 写在MongoDB应用介绍之前(i) 有段时间没跟大家去分享和探讨过一些问题,分享过一些经验了(失败过的,痛苦过的才最有看点啊,不知道各位同仁们怎么去看这个 ...

  6. 使用source创建一个新项目(将本地项目文件和github远程库链接)

    1. 本地创建项目文件夹 2. 将本地的项目添加到source中(我使用的source版本为2.4.7.0) 3. github创建远程库  4. 关联本地项目文件和github库 确定添加就可以了. ...

  7. HASH表的实现(拉链法)

    本文的一些基本概念参考了一部分百度百科,当然只保留了最有价值的部分,代码部分完全是自己实现! 简介 哈希表(Hash table,也叫散列表),是根据关键码值(Key value)而直接进行访问的数据 ...

  8. 第45天:2017webstrom下载破解汉化

    1.webstrom 11.0.3下载地址1:http://pan.baidu.com/s/1kVQjcwf 密码:uggr 下载地址2:http://pan.baidu.com/s/1kVQjcwf ...

  9. HUAS 1483 mex(莫队算法)

    考虑莫队算法,对于区间减小的情况,可以O(1)解决.对于区间增加的情况,可能需要O(n)解决.好在数据不卡莫队. 1200ms过了. 离线+线段树 760ms过了. # include <cst ...

  10. C# 大文件的复制方法

    如何复制读取大文件,也许困惑了很多人很长时间,这个不知道怎么搞,的确让人头疼欲裂,知道了你就才发现原来那么简单,话不多说,直入正题```` static void Main(string[] args ...