初探HTML

1、元素和属性不会孤立存在,他们是用来标记HTML。创建一个HTML文档,拓展名.html

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 <body>  
 8     I like <code>apple</code> and Oranges.
 9 </body>
10 </html>
简单HTML
  • DOCTYPE :html元素的开始标签,告诉浏览器,自此直到html标签结束,所有元素内容都应作为HTML处理。
  • <head>...</head> 可包含用于说明HTML文档的元素,还能用来规定文档与外部资源的关系,定义内嵌CSS的样式。放置和载入脚本。
  • <meta> 和 <title> 元数据部分可以用来向浏览器提供文档的一些信息。
  • <body>...</body> 内容部分

2、元素

  1. 元素类型
    • 元数据元素:用来构建HTML文档的基本结构。
    • 流元素:规定这些元素可以成为父元素。
    • 短语元素:规定这些元素可以成为子元素。

    注:流元素是短语元素的超级。这就是说:所有短语元素都是流元素,但并非所有的流元素都是短语元素。

    2.父元素,子元素,后代元素和兄弟元素

3、属性

  1.局部属性

    每种元素都能规定自己的属性。

  2.全局属性

    用来配置所有元素共有的行为。

accesskey  可以设定一个或者几个用来选择页面上的元素的快捷键。
class 将元素归类。
contenteditable HTML5新秀,让用户能够修改页面上的内容。
contextmenu 为元素设定快捷菜单
dir 规定元素中文字的方向
draggable 表示元素是否可被拖动
dropzone 与上述属性配合使用
hidden 布尔属性,表示当前元素无需关注。
id 分配一个唯一的标识符
lang 说明元素内容使用的语言
spellcheck 表明浏览器是否应该对元素内容进行拼写检查。
style 定义CSS样式
tabindex 通过按Tab键在各元素之间切换
titile 元素的额外信息

猜你喜欢

转载自www.cnblogs.com/cclovepl/p/9320931.html