摘要:规定元素的上下文菜单。上下文菜单在用户点击元素时显示。规定元素仍未或不再相关。规定是否对元素进行拼写和语法检查。规定元素的行内样式。
一些说明
写在前面:HTML和CSS,当你了解所有规则后,你应该多写页面并记录你出现的问题,这才是学习HTML和CSS的最佳方法
这是我学习一段时间之后,再次回顾HTML,希望大家也对HTML有不一样的认识
我把HTML标签分成两大类,重要的和不重要的,希望大家都能从众多标签中解脱出来!!
本文的宗旨,简明扼要!最快入门 HTML (把我给出的代码不断地敲,并且适当加点个性化的东西,HTML标记语言你就入门了)
温故而知新
HTML,超文本标记语言(HyperText Markup Language)只是标记,没有任何逻辑,学习起来会很快的
结构如下:
这里写了可以出现在head内的所有标签 //HTML5的文档声明,现在都用这种方式了 //文档的根 //文档的头部信息 //表示该文档是以UTF-8编码的菜鸟教程(runoob.com) //页面标题 //为搜索引擎定义关键词: //为网页定义描述内容: //定义网页作者: //每30秒中刷新当前页面: //该标签作为HTML文档中所有的链接标签的默认链接://网页主题部分 我的第一个标题
我的第一个段落。
关于文档声明:(了解即可,没什么作用) HTML4.01 XHTML 1.0
tips:注释长啥样?
直击主题:HTML标签来,我们来看看HTML的标签都有哪些
h1 ~ h6 , p , a , img , button , caption , dd , dl ,dt, ul ,li , fieldset , from , iframe , input , label , select , table td ,tr , tbody , tfoot , thead ,hr , html , body head title meta style script ,input , label , legend , div , span
基本上你只要看到这个标签,懂这个标签一般是怎么用的就OK了!
重点掌握的标签有(一些特别基础性的标签不在此之内)超链接标签a:只要是a标签能包含啥,那个被包含的都是超链接
a的常用方法如下:
1、 2、电子邮件 3、取消链接 4、锚点 可以链接到本页面id为tips的元素,用于页面内跳转 hello
图像标签img:
img[src,title,alt,width,height] //密码框 //单选框(注意name要相同,是同一类行的选择,以便后台拿到数据) Male//datalist标签,input的list属性绑定到datalist的id,就可以完成这项工作了 //注意label标签 , 通过绑定input的id来实现在label出点击获取焦点,有两种写法
Female //多选框(注意name要相同,是同一类行的选择,以便后台拿到数据) I have a bike
I have a car //下拉框 //这种是为下拉框分组 //文本域 //提交按钮,下面的提交按钮,默认提交到action地址 //这是另外一种形式的表单,注意其中的区别即可, //fieldset标签也只会在这种场合使用了
实例如下:
注意: Internet Explorer 9(更早 IE 版本),Safari 不支持 datalist 标签。
output标签,顾名思义,输出标签,那么从何处输入,定义规则是怎么样的呢?
form定义规则 ,那么你可不可以写一个升级版的呢?
iframe --一般重要的标签
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。
iframe显示的地址页面内容,制定高度和宽度,frameborder移除边框
用iframe来显示页面内部链接
全局属性
这些属性,基本上不怎么使用,了解即可。
accesskey 规定激活元素的快捷键。
一下元素支持accesskey属性
, ,
例子:
HTML 、 CSS
class 规定元素的一个或多个类名(引用样式表中的类)。
contenteditable 规定元素内容是否可编辑。
contextmenu 规定元素的上下文菜单。上下文菜单在用户点击元素时显示。
data-* 用于存储页面或应用程序的私有定制数据。
dir 规定元素中内容的文本方向。
draggable 规定元素是否可拖动。
dropzone 规定在拖动被拖动数据时是否进行复制、移动或链接。
hidden 规定元素仍未或不再相关。
id 规定元素的唯一 id。
lang 规定元素内容的语言。
spellcheck 规定是否对元素进行拼写和语法检查。
style 规定元素的行内 CSS 样式。
tabindex 规定元素的 tab 键次序。
title 规定有关元素的额外信息。
translate 规定是否应该翻译元素内容。
空元素标签br , hr
HTML5标签article, aside , audio , bdi , canvas , datalist , command , details ,dialog , embed ,figcaption ,figure ,footer ,header , keygen , mark , meter , nav , output , process , rp ,rt , ruby , section , source , summary , time , track , video , wbr
这些都是html5的标签,一眼便能看出,更加语义化了,如果想看html5标签详解,请看这里:[HTML+CSS复习之HTML5基础篇]()
不重要的标签b(定义文本粗体) , i(定义文本斜体) , strong , em , big ,small , sub , sup , ins , del , pre , code , kbd , tt , samp , var , address(定义文档作者或拥有者的联系信息) , abbr(定义缩写) , acronym(定义只取首字母的缩写,不支持HTML5) , bdo , blockquote , q , cite , dfn , colgroup , col , center, font , dir(与ul差不多,兼容性不如ul) , frame/frameset(这两个标签已经没人用了,主要是用了这个标签,交互就做不了)
标签嵌套规则计算机输出
键盘输入
打字机文本
计算机代码样本
计算机变量
注释:这些标签常用于显示计算机/编程代码。 WWW 该段落文字从右到左显示。
a标签不能嵌套a标签,p标签不能嵌套块级标签
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/50795.html
摘要:规定元素的上下文菜单。上下文菜单在用户点击元素时显示。规定元素仍未或不再相关。规定是否对元素进行拼写和语法检查。规定元素的行内样式。 一些说明 写在前面:HTML和CSS,当你了解所有规则后,你应该多写页面并记录你出现的问题,这才是学习HTML和CSS的最佳方法 这是我学习一段时间之后,再次回顾HTML,希望大家也对HTML有不一样的认识 我把HTML标签分成两大类,重要的和不重要的,...
摘要:内容简述关于,确实太繁杂了,内容多。写好不易,基本上就这个调了。里面有许多属性是可以继承的,注意了,继承一定是继承父级元素的样式在这里我就列出可以继承的属性,和不能继承的属性啦不可继承的和。内联元素可继承。每个浏览器可能表现不一样。 内容简述 关于CSS,确实太繁杂了,内容多。写好不易,基本上就这个调了。大家肯定听过CSS奇淫技巧吧,关于这个我还没有去深入了解,只是说普通的效果啥的,我...
阅读 1598·2023-04-26 02:43
阅读 2993·2021-11-11 16:54
阅读 1343·2021-09-23 11:54
阅读 1164·2021-09-23 11:22
阅读 2358·2021-08-23 09:45
阅读 844·2019-08-30 15:54
阅读 3093·2019-08-30 15:53
阅读 3184·2019-08-30 15:53