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.创建图像映射:创建带有可供点击区域的图像地图,其中的每一个区域都是一个超链接。
代码未看懂
最新文章
- Python中模块安装文件的创建及使用
- CoCreateInstance调用返回代码0x80040154的一种解决方法
- Microsoft source-code annotation language (SAL) 相关
- Atitit. 解压缩zip文件 的实现最佳实践 java c# .net php
- Android代码优化工具——Android lint
- 怎么通过URL访问到服务器上的物理文件
- Android之调试打印
- 基于单例使用ThreadLocal对多线程下数据的访问修改
- 使用SQL除掉文本中特殊的ascll字符比如Enter,Tab,空格键
- uva 714 - Copying Books(贪心 最大值最小化 二分)
- linux指令(目录类操作指令)
- HBase2.0中的Benchmark工具 — PerformanceEvaluation
- 解决Python安装模块出错 ImportError: No module named setuptools
- Linux下一台服务器Redis主从复制(master-slave)配置
- Java面试——线程池
- 使用java.util.LinkedList模拟实现内存页面置换算法--LRU算法
- 0002 - Spring MVC 拦截器源码简析:拦截器加载与执行
- PHP strlen()函数和strpos()函数
- 【转】每天一个linux命令(51):lsof命令
- CCSUOJ评测系统——第二次scrum冲刺
热门文章
- win7 x64+iis7.5 配置错误:CS0016: 未能写入输出文件&ldquo;c:\Windows\Microsoft.NET\Framework64\v4.0.30319\Temporary ASP.NET Files\root\7cb4f3
- YaoLingJump开发者日志(四)
- 【Docker 命令】- attach命令
- C# 知识回顾 - 你真的懂异常(Exception)吗?
- linux系统过一两分钟就断开的时间更改
- Vika and Segments - CF610D
- 转:关于Latent Dirichlet Allocation及Hierarchical LDA模型的必读文章和相关代码
- BZOJ2049:[SDOI2008]洞穴勘测——题解
- [Leetcode] Construct binary tree from inorder and postorder travesal 利用中序和后续遍历构造二叉树
- MySQL5.6之Index Condition Pushdown(ICP,索引条件下推)-Using index condition