今天想学习一下基础知识,就看了一下HTML(4.0),发现自己对HTML掌握的太少了。很多代码都很陌生,根本就没见过,更别提用了。
就拿<a></a>元素来举个例子。它的属性就有:
name,href,target,title(这都是我们常用的,就不用多说了)
rel,rev,charset,hreflang,tabindex,accesskey,shape(default|rect|circle|poly),coords(length-list)这些以前基本很少见过,在这里就加以介绍。
rel=cdate
这个属性指出了从当前位置到链接位置的关系。例如rel="next"href="A"指出了A这个链接是下一个。
rev=cdate
这个属性刚好与rel相反,就不再多说。
charset=cdate
这个属性指定了链接的编码方式,属性值必须是在[RFC2O45]中作为“charset”指定的名称:例如:“euc-jp”。这个属性的缺省值是“iso-8859-1”。
hreflang=languagecode
这个属性用来指定链接所使用的语言。例如:"en"指的是英语,"cn"指的是汉语。
tabindex=number
这个属性是用来指定元素获得焦点顺序的。它的值可以是从0~32767中的任何一个。
tabindex属性的元素中,具有较小数字的较先获得焦点,在具有相等值得情况下,在HTML文档里最先显示的元素先处理。一个“tabindex=0”或者没有tabindex属性的元素将在最后被访问。(看了这个我突然想起能否有这个值来控制页面的下载元素,不过不知道这个想法是否正确,好像别的不支持这个属性)。
accesskey=character
这个属性分配一个热键给一个A元素。一个热键是来自于客户端浏览器当前字符集的单个字符。客户端浏览器应当把这个属性作为大小写无关来对待。
shape=default|rect|cirle|poly
这个属性是用来建立客户端图象映像的,它指定了区域的形状,可能的值为:
default:定义这个区域
rect:定义一个矩形区域
circle:定义一个圆形区域
poly:定义一个椭圆形区域
默认得shape值为rect
coords=length-list
这个属性被用来建立客户端图象映像的,它指定了一个形状在屏幕上的位置,值的数字和值取决于被定义的形状。可能的组合为:
rect:left-x,top-y,right-x,bottom-y
circle:center-x,center-y,radius
poly:x1,y1,x2,y2……xn,yn
坐标联系到特件的左上角,所有的值都是长度(可以是像素或百分比)
以上所写,均为本人参照书籍整理,并不代表我的个人水平,因为这个我基本也没用到过,也不是很理解,贴出来的意思是希望那些不知道的朋友能够熟悉一下,而对此十分了解的朋友能够根据这些给予说明,结合实际指出这些代码的作用,让大家都能加深对HTML的认识。虽然现在的软件基本可以满足大家的要求,可是毕竟网页最终还是有代码来实现的,所以我想多掌握一些,多了解和认识一些会对自己更有帮助,只有好处,没有坏处,其实在HTML中还有好多这样的代码,上面的只是一个例子,希望大家也能多多交流,共同进步,就说到这里。
分享到:
相关推荐
通过研究"网上书城"这个项目,你可以系统地学习和实践HTML5、JavaScript和CSS3的基本知识,同时了解如何将它们有效地结合在一起,创建一个功能完整、用户体验良好的网上书城。这不仅对提升网页设计技能大有裨益,也...
标题中的“douyin 跳动爱心 代码 html”指的是在HTML中实现一个类似于抖音上流行的动态爱心效果的代码。HTML(HyperText Markup Language)是用于创建网页的标准标记语言,它可以结合CSS(Cascading Style Sheets)...
HTML代码美化工具和JS代码美化工具是Web开发中不可或缺的辅助软件,它们的主要功能是对原始的、不规范的源代码进行格式化,使其结构清晰、易于阅读和维护。这对于二次开发者来说尤其重要,因为他们需要经常处理他人...
通过学习源代码中的CSS,你可以了解到如何创建响应式设计,使大屏适应不同设备,以及如何定制图表、地图的样式。 3. JavaScript与jQuery:JavaScript是一种客户端脚本语言,用于增加网页的交互性。jQuery是一个流行...
在这个项目中,HTML代码将构建出爱心的基本框架,通过一系列的标签和属性来描述页面的布局和内容。初学者可以从HTML代码中学习如何创建元素、组织结构以及使用内联样式或类来实现特定的视觉效果。 CSS(Cascading ...
HTML(HyperText Markup Language)是构建网页的基础,通过编写HTML代码,我们可以构建出结构化的网页内容。这款工具不仅能够帮助初学者直观地看到网页的结构,还对专业人士进行页面优化、调试和重构提供了便利。 ...
对于初学者,通过分析这些代码,可以了解HTML5的新特性是如何在实际项目中使用的,对于进阶者,则可以探索更高级的技巧和最佳实践,比如Web Worker用于后台处理,Web Storage和IndexedDB用于数据管理,或者WebRTC...
描述中的“简单好玩的辞职信HTML代码”,可能意味着这份HTML代码不仅包含了辞职信的内容,还可能使用了一些交互或视觉效果,使得辞职信更有趣。比如,可能使用了`<style>`标签添加内联CSS(Cascading Style Sheets)...
"百度搜索框html代码"是一个典型的例子,它展示了如何使用HTML来创建一个功能齐全、用户友好的搜索框,类似于百度搜索引擎的界面。这个实例包含四个主要部分:index.html、images、js和css,分别对应HTML文件、图片...
通过分析`project.html`的代码结构,可以了解HTML文档的基本组成部分;阅读CSS文件则可以帮助理解如何控制网页的样式和布局。此外,这个例子还可能涉及到响应式设计,以确保网站在不同设备上都能良好显示,这对于...
通过分析源代码,初学者不仅能了解HTML的基本结构,还能探索如何利用CSS和JS增强用户体验。实践中遇到的问题也会促进对Web开发更深层次的理解。所以,不要犹豫,动手打开这个压缩包,开始你的HTML学习之旅吧!
在这个“html论坛代码大全”中,我们可以预见到包含了一系列适用于论坛环境的HTML代码片段,帮助用户在论坛上实现更丰富的展示效果,比如定制个性签名、增强帖子的视觉吸引力等。 在论坛环境中,HTML代码通常受到...
在本项目中,"简易京东网页HTML代码"是一个HTML课程设计,目的是让学生了解并实践HTML和JavaScript的基础知识,以及如何构建一个模拟京东购物网站的页面。这个设计将涵盖网页的基本结构,布局,链接,以及可能涉及到...
在你提供的"youxi"文件中,可能包含了这些元素的实例,通过查看和分析源代码,你可以了解每个元素如何工作以及它们是如何协同创建一个完整的游戏网页的。同时,这也可以作为学习HTML和网页开发的一个实践案例。 ...
通过研究这些HTML代码,他们可以了解到如何创建用户友好的界面,提高用户体验,以及如何将复杂的购物功能如商品推荐、订单处理、支付集成等转化为简洁明了的网页元素。此外,还可以借此机会了解网站性能优化、响应式...
HTML Tidy是一款历史悠久的HTML格式化和清理工具,它可以修复不标准的HTML代码,使其符合W3C标准。HTML Tidy提供了丰富的选项,允许用户自定义标签排序、属性顺序、缩进方式等。 5. **Beautify HTML**: 这是VS ...
描述中提到的“表白代码时间版,更改时间体现不一样的效果”,暗示了这个HTML代码可能包含一个时间相关的功能,比如显示当前时间或者根据特定时间触发不同的视觉或动画效果。这种效果可能是为了增加表白的浪漫氛围,...
本资源"爱心代码集合"提供了一个特定的HTML代码示例,用于创建一个展示爱心图案的网页。 在下载了名为"love-code-main"的压缩包文件后,你可以将其中的HTML文件保存到本地计算机上。这个文件通常会有一个".html"的...
新年前端页面代码分享 内容概览: 这份资源包涵了我为2024新年设计的全新前端HTML页面代码。...无论你是想学习新的技术,还是想了解一个完整的项目开发流程,这份资料都将为你提供极大的帮助。 1111111
在查看这个“我的个人html主页源代码.1”文件时,我们可以分析代码结构,了解如何组织HTML元素,如何用CSS来美化页面,以及可能存在的任何交互逻辑。这对于初学者来说是一个很好的实践案例,也可以从中学习到如何...