600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > 学习《html5.css3.0》网页布局和样式精粹(第一天)

学习《html5.css3.0》网页布局和样式精粹(第一天)

时间:2022-07-08 13:13:32

相关推荐

学习《html5.css3.0》网页布局和样式精粹(第一天)

第一章

1.专门用途的标签语言

如一些文字处理软件:wps,office系列之类

2. 一般用途的标签语言

SGML就是属于一般通用的标签语言

第二章

1.创建一个网页

<!DOCTYPE html><html><head><meta charset="gb2312"/></head><body><div><h4>芙蓉楼送辛渐</h4><p>王昌龄</p><p>寒雨连江夜入吴,</p><p>平明送客楚山孤。</p><p>洛阳亲友如相问,</p><p>一片冰心在玉壶</p></div></body></html>

2.成对标签和单独标签使用

3.元素和属性

3.1 元素

<head></head>

<p>和<p></p>

<br>

3.2 属性

3.2.1 属性值的定义

3.2.1.1.不定义属性值

<dl compact>

3.2.1.2.属性值的空白

3.2.1.3.属性值的单引号和双引号

3.2.1.4.大小写规范

4.全局属性(html5摘录/html5/html5_ref_globalattributes.asp)

accesskey

规定访问元素的键盘快捷键

class

规定元素的类名(用于规定样式表中的类)。

contenteditable

规定是否允许用户编辑内容。

contextmenu

规定元素的上下文菜单。

dir

规定元素中内容的文本方向。

draggable

规定是否允许用户拖动元素。

dropzone

规定当被拖动的项目/数据被拖放到元素中时会发生什么。

hidden

规定该元素是无关的。被隐藏的元素不会显示。

id

规定元素的唯一 ID。

lang

规定元素中内容的语言代码。

spellcheck

规定是否必须对元素进行拼写或语法检查。

style

规定元素的行内样式。

tabindex

规定元素的 tab 键控制次序。

title

规定有关元素的额外信息。

5.字符引用

5.1 字符数字引用

5.2 字符实体引用

6.为文档添加注释

7.断行符

8.空白字符

第三章

3.1 定义标题

<title>定义一个标题</title>

3.1 定义元数据

<meta name="Author" content="zhangyafei" lang="US-en" dir="LTR"><meta name="keywords" content="book"><meta name="description" content="一些描述"><meta name="Generator" content="Dreamweaver"><meta name="application-name" content=""><meta charset="gb2312"/><meta http-equiv="content-type" content="text/html;charset=gb2312"><meta http-equiv="Content-Language" content="zh-cn"><meta http-equiv="Refresh" content="60;url=http://youlink"><meta http-equiv="set-cookie" content=""><meta http-equiv="default-style" content="style/default.css"><!--设置网页禁用浏览器缓存--><meta http-equiv="Pragma" content="no=cache"><!--设置网页到期--><meta http-equiv="Expires" content="Tue"><!--设置网页框架目标--><meta http-equiv="widnows-Target" content="_top"><!--设置网页转场效果--><meta http-equiv="Page-Enter" content="revealTrans(duration=10,transtion=50)"><meta http-equiv="Page-Exit" content="revealTrans(duration=10,transtion=50)"><!--设置网页分级--><meta http-equiv="Pics-label" content="">

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。