Html5学习1(Html属性、Html CSS:)
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:)的更多相关文章
- Html5 学习笔记 --》html基础 css 基础
HTML5 功能 HTML5特点 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta cha ...
- [html5] 学习笔记-表单新增的元素与属性(续)
本节主要讲解表单新增元素的controls属性.placeholder属性.List属性.Autocomplete属性.Pattern属性.SelectionDirection属性.Indetermi ...
- Html5学习笔记1 元素 标签 属性
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- HTML5 学习总结(一)——HTML5概要与新增标签
一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电.触摸 ...
- HTML5 学习笔记(一)——HTML5概要与新增标签
目录 一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 1.5.HTML5优点与缺点 1.5.1.优点 1.5.2 ...
- jQuery源代码学习之八——jQuery属性操作模块
一.jQuery属性模块整体介绍 jQuery的属性操作模块分四个部分:html属性操作,dom属性操作,类样式操作,和值操作. html属性操作(setAttribute/getAttribute) ...
- HTML5 学习笔记--------》HTML5概要与新增标签!
一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电. ...
- HTML5学习笔记(一):HTML简介
Web前端涵盖的内容较多且杂,主要由3个部分组成:HTML标记语言.CSS样式语言和JavaScript脚本语言组成,而下面我们将先学习最新的标记语言HTML5. <!DOCTYPE>标记 ...
- CSS3秘笈第三版涵盖HTML5学习笔记1~5章
第一部分----CSS基础知识 第1章,CSS需要的HTML HTML越简单,对搜索引擎越友好 div是块级元素,span是行内元素 <section>标签包含一组相关的内容,就像一本书中 ...
- HTML5学习之语义化标签(一)
一.为什么HTML5要引入新语义标签 在HTML5出现之前,我们一般采用DIV+CSS布局我们的页面.但是这样的布局方式不仅使我们的文档结构不够清晰,而且不利于搜索引擎爬虫对我们页面的爬取.为了解决上 ...
随机推荐
- <Effective C++>读书摘要--Accustoming Youself to C++
<Item 1>View C++ as a federation of languages. 1.把C++看成4种子语言组成,即C.Object-Oriented C++.Template ...
- 利用闭包判断Dom元素和滚动条的方向
本文收集整理自网上. 一,判断滚动条的方向,利用闭包首先保存滚动条的位置,然后当滚动时候不断更新滚动初始值,然后通过差指判断方向 function scroll(fn) { //利用闭包判断滚动条滚动 ...
- 微信小程序wx.pageScrollTo的替代方案
wx.pageScrollTo这个微信小程序的api功能如下: 简而言之就是实现页面滚动的.但是在实际应用当中显得有些鸡肋,为啥呢?使用中有明显页面有明显的抖动,这无疑是极不好的用户体验.我用的华为6 ...
- 使用dom4j修改XML格式的字符串
XML格式 <data> <ryzd> <record> <western> <record> <diagnoses> < ...
- WPF如何将数据库中的二进制图片数据显示在Image控件上
首先在xaml文件里定义一个Image控件,取名为img MemoryStream stream = new MemoryStream(获得的数据库对象): BitMapImage bmp = new ...
- service(ServletRequest req, ServletResponse res) 通用servlet 可以接受任意类型的请求 用于扩展
service(ServletRequest req, ServletResponse res) 通用servlet 可以接受任意类型的请求 用于扩展
- 【bzoj5001】搞事情 暴力
题目描述 给定一个NM的01矩阵,每次可以选定一个位置,将它和它相邻格子的数取反.问:怎样操作使得所有格子都变为0.当有多组解时,优先取操作次数最小的:当操作次数相同时,优先取字典序最小的. 输入 第 ...
- Linux 文件上传Linux服务器
进入命令行 在图形化桌面出现之前,与Unix系统进行交互的唯一方式就是借助由shell所提供的文本命令行界面(command line interface,CLI).CLI只能接受文本输入,也只能显示 ...
- P2587 [ZJOI2008]泡泡堂
题目描述 第XXXX届NOI期间,为了加强各省选手之间的交流,组委会决定组织一场省际电子竞技大赛,每一个省的代表队由n名选手组成,比赛的项目是老少咸宜的网络游戏泡泡堂.每一场比赛前,对阵双方的教练向组 ...
- Elasticsearch 中文分词器IK
1.安装说明 https://github.com/medcl/elasticsearch-analysis-ik 2.release版本 https://github.com/medcl/elast ...