07-01-Html

概述
主要划分为两类资源:静态资源,动态资源。
静态资源:css,html等

标签分类：
1.围堵标签
2.自闭合标签

动态资源:jsp等

<head lang="en">
        <meta charset="UTF-8">        
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <title>百秀-发现生活，发现美！</title>
        <link rel="stylesheet" href="assets/css/style.css">
        <!-- fontAwesome一套绝佳的图标字体库和CSS框架 -->
        <link rel="stylesheet" href="assets/vendors/font-awesome/css/font-awesome.css">        
</head>

<!DOCTYPE> 声明是文档中的第一个成分，位于 <html> 标签之前。该标签告知浏览器文档所使用的 HTML 规范。
<html> 元素告知浏览器这是一个 HTML 文档。
ISO 639-1(语言码) 为各种语言定义了缩略词。您可以在 HTML 和 XHTML 中的 lang 和 xml:lang 属性中使用它们。
Chinese--zh(ISO Code) English--en。
<head>元素包含关于文档的信息浏览器不会想用户显示这些头部信息。以下标签可以用在head部分。
<base>、<link>、<meta>、<script>、<style>、<title>
<link> 标签定义两个连接文档之间的关系(链接外部文件)。此元素只能存在于 head 部分，任意次数。
属性：
charset：定义目标url的字符编码格式。默认是ISO-8859-1。
rel(relationship) ：定义当前文档和目标文档之间的关系。：
href(Hypertext Reference)：超文本引用。
hreflang：定义目标url的基准语言。
media：定义文档将显示在什么设备上。
rev：定义目标文档与当前文档之间的关系。
target：在何处打开目标url。
type：指定目标URL的MIME类型。

<link rel="stylesheet" href="css/jquery.fullpage.css">   //可以不写type="text/css"
<link rel="stylesheet" href="css/index.css">

引入外部js文件的方式：<script src="jquery-1.12.4.js"></script>==》可以在head和body中引入。
<base>：对顶页面中所有链接的基准URL。
假设图像的绝对地址：
<img src="http://www.w3cshchool.com.cn/i/pic.gif">
在head插入<base href="http://www.w3cschool.com/i/">
在上例的页面中插入图像时，必须规定相对的地址。浏览器会寻找文件锁使用的完整URL。
<img src="pic.gif" />
属性：
href：规定作为基准URl在页面中使用的URL。
target：在何处打开页面上的链接。该属性会被每个链接上的target属性覆盖。
<meta>：提供有关页面的元信息。如针对搜索引擎和更新频度的描述和关键词。
属性　　　　　　值　　　　　　描述
charset　 character encoding 定义文档的字符编码
content　　some_text　　　　定义与http-equiv或name属性相关的元信息。=》http-equiv相当于http的文件头作用。
http-equiv　　content-type/expires/refresh/set-cookie　　把content属性关联到HTTP头部。
name　　author/description/keywords/generator/revised/others　　把content属性关联到一个名称
scheme　　some_text 　　　　定义用于翻译content属性值的格式。
定义关于搜索引擎的关键词：
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript" />
定义关于页面的描述：
<meta name="description" content="免费的web家属教程">
定义页面的最新版本：
<meta name="revised" content="David 2018/8/8">
每5s刷新一次页面
<meta http-equiv="refresh" content="5">
<script>：定义一段脚本，如js
如果asyn的属性true，则脚本会相对于文档的其余部分异步执行。这样脚本可以在页面继续解析的过程来执行。
如果asyn的属性false，而defer属性为true，则脚本会在页面完成解析时得到执行。
如果asyn和defer属性均为false，那么脚本会立即执行，页面会在脚本执行完毕继续解析。
属性　　　　　　值　　　　　　描述
async　　　　true/false　　　定义脚本是否异步窒息那个。
type　　text/ecmascript,text/javascript,application/ecmascript/application/javascript,text/vbscript 定义脚本MIME类型
charset　 character 　　　　定义文档的字符编码
defer　　　　true、false　　　　指示脚本不会生成任何的文档内容。浏览器可以继续解析并绘制页面。
language　　javascript/livescript/vbscript/others　　规定脚本语言。不赞成使用。请使用 type 属性代替它
src　　　　　　URL　　　　　　定义指向包含脚本的文件的URL。引用某个包含脚本的文件，而不是键js脚本插入到文档中。
<script src="../jquery-1.12.4.js"></script>
附注：'.'表示是当前目录，'..'表示是上级目录。
<style>：定义文档中的样式。
如果需要在文档中引用样式表，应该定义外部的样式表，然后使用 <link> 来连接这个样式表。
type　　text/css　　　　定义内容类型
media　　　　　　　　　样式信息的目标没接
scoped　　true/false　　true,则样式仅仅应用到style元素的父元素及其子元素。

<style>
    .wrap {
        width: 330px;
        height: 30px;
        margin: 100px auto 0;
        padding-left: 10px;
        background-image: url(imgs/bg.jpg);
    }
</style>

不必写：<style type="text/css">

HTML5标准属性：所有 HTML 5 标签均支持下面列出的属性，仅有少数例外。
属性　　　　　　值　　　　描述
accessKey　　character　　固定访问元素的键盘快捷键
class　　　　 className　　规定元素的类名(用于规定样式表中的类)
Contenteditable true/false　　规定是否允许用户编辑内容
Contentmenu　　menu_id　　规定元素的上下文菜单
data-yourValue　　value　　　　HTML文档的创作者可以定义他们自己的属性。须以data-开头
dir　　　　　　ltr/rtl　　　　规定元素中内容的文本方向
draggable　　　　true/false/auto　　规定是否允许用户拖动元素
hidden　　　　hidden　　　　规定钙元素是无关的。被隐藏的元素不会显示
id　　　　　　id　　　　　　规定元素的唯一ID
item　　　　empty/url　　　　用于组合元素
itemprop　　url/group value　　用于组合项目
language　　language_code　　规定元素中的语言代码。
spellcheck　　true/false　　　　规定是否对元素进行拼写或语法检查
style　　　　style_definition　　规定元素的行内样式
subject　　　number　　　　　规定元素对应的项目
tabindex　　number　　　　规定元素的tab键控制次序
titlle　　　　text　　　　　　　　规定元素的额外信息

附注：
action(行动、功能、作用)的url指向服务端url
服务器集群的搭建方式
html写在服务器上。浏览器访问。服务器静态资源回送。浏览器内核解析。浏览器显示渲染。
动态资源转换成静态资源。
动态资源。==>根据不同的用户的访问，结果不同。
先进行数据库的查询。

早期纯文本类型的网站，受限于网络及硬件。
静态资源：html css js--控制页面元素

超文本：用超链接的方法。不同空间的文字信息组织一起的网状文本。

属性---语义

浏览器值解析<br/>不解析回车换行。==>可以解析某个标签中的换行？？？
<br/>(break)：换行

<font>--弃用
标签属性可以用单双引号
RGB值

标签学习：
html：html文档的跟标签
head：头标签。用于指定html的一些属性。引入外部资源。
body：体标签

html4.0定义了文档声明3中方式
告知浏览器使用了那种html版本

meta服务器告知浏览器
<p>(paragrahy)段落
<hr>(horizontal line)水平线
<abbr>(abbreviation)缩写

文本标签
<h1-6>存在间距，自带样式
<p>：内置属性。有无没有使用p标签显示没有区别。与其他属性结合。便于管理，书写风格。空行间距
<hr>：存在属性颜色宽度：单位像素显示居中，50% size：高度 align：对齐方式--布局
<b> (bold)加粗：--一般也是使用css吧
<i>(italic)斜体：
<font>字体：属性：颜色 sieze字体大小 face字体字体引用

span div块级元素--没有实际的含义

路径默认指向当前路径
./代表文件的当前目录可以省略
../代表上级目录
<img> 属性src align alt(alter)

<ol>(orded list) 1.2.3 type start
<ul>(unorded list) type="squre ,circle,disc"
<li>(list item)

<a> (anchor)锚点：href(hypertext reference)超文本链接
href="https://www.baidu.com" target="_self，_blank,_top(和布局相关)，_parent"
herf=”mailto：xxx@qq.com“跳转发邮件的界面
<a>标签中可以嵌套图片或者其他标签==>安全性，身份校验。

特殊符号：

posted @ 2018-11-18 22:11 payn 阅读(156) 评论(0) 收藏举报

刷新页面返回顶部

payn

07-01-Html

公告