• html
HTML 指超文本标签语言。
HTML 是通向 WEB 技术世界的钥匙。
html属性：所有标签的通用属性
html事件：On...html5加了很多事件
html视频/音频：处理音视频
html画布：标签用于绘制图像（通过脚本，通常是 JavaScript）。 不过，<canvas> 元素本身并没有绘制能力（它仅仅是图形的容器） - 您必须使用脚本来完成实际的绘图任务。
html文档类型：HTML5 ，HTML 4.01 / XHTML 1.0（含3种Transitional ，Strict， Frameset） ，XHTML 1.1 
html颜色名：16进制数字代表颜色
html字符集：Unicode标准是通用的，html都支持utf-8，xml都支持utf-16
html ascII：字符集的一部分128个，用于在网络上传输数据。
html ISO-8859-1：一种字符集，ISO组织的，Unicode标准utf-8开头的200多个就是这个字符。
html符号：字符集的一部分，符号们
html url编码：用16进制表示ascII码，用于在浏览器和插件中显示非标准的字母和字符。方便传输，有时在地址栏看到的带%的
html语言代码：HTML 的 lang 属性可用于网页或部分网页的语言。这对搜索引擎和浏览器是有帮助的。 根据 W3C 推荐标准，您应该通过 <html> 标签中的 lang 属性对每张页面中的主要语言进行声明，比如： 
<html lang="en">
...
</html>
http消息：当浏览器向web服务器请求服务时，可能会发生错误，从而有可能会返回下面的一系列状态消息：
1XX是信息 2XX是成功 3XX是重定向 4XX服务器返回客户端错误 5XX服务器返回服务器错误
http方法：http设计的目的是用来客户机与服务器之间的通信。两种常用方法，get（从指定的资源请求数据）和post（向指定的资源提交要被处理的数据）
 
 
  • xhtml
XHTML 是更严谨更纯净的 HTML 版本。
XHTML 与 HTML 4.01 几乎是相同的。
<p>
    <a href="http://validator.w3.org/check?uri=referer"><img
      src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
  </p>
 
  • HTML 5
HTML 5 是下一代的 HTML。
HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。
 
 
  • css
CSS 指层叠样式表（Cascading Style Sheets）。
CSS 同时控制整个站点的样式和布局。
通过与 XHTML 结合，CSS 可以帮助我们实行表现与结构分离的开发模式。实现改样式表，就能控制所有html元素（即标签）的样式。
最初的html，不包含样式标签，只有内容标签，后来netscape和ie都加入了样式标签，如字体，字体色等，这时很难把内容和样式分开管理，非盈利的W3C联盟推出了样式，各浏览器都支持，把样式方面的定义独立出来了。层叠指可对单独的html元素，定义多个样式，按优先级判断使用哪个样式；可用多个css，分别定义不同html元素的样式。
 
概述：
样式定义如何显示 HTML 元素
样式通常存储在样式表中
把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题
外部样式表可以极大提高工作效率
外部样式表通常存储在 CSS 文件中
多个样式定义可层叠为一
 
  • css3
最新一代样式表
 
  • tcp/ip
互联网通信协议
 
  • 建站手册：
{    拓展1网站构建
    网站构建需要掌握的技术
html4.01
css
xhtml-html的未来。HTML5 是 HTML、XHTML 以及 HTML DOM 的新标准
xml
xslt。用于转换xml成浏览器可识别的xml
客户端脚本。例如JavaScript
服务器端脚本。ASP、PHP
使用sql管理数据
未来的新技术。静态转动态；新式浏览器
 
    网站产品设计
设计网站需要严谨的思考和周全的计划
最重要的是了解你的受众用户
用户都是浏览者。一般只会停留几秒，最重要的要直接呈现。
少即是多。
导航。所有页面用导航串起来，保持整站结构清晰，以便访问者浏览。
下载速度。可用性方面的研究告诉我们，如果网页的下载时间超过7秒，大多数访问者会选择离开。
允许你的用户发言。可得到技术和知识各不相同的人们大量有益的反馈。
 
    深入了解网站用户
您的用户所用的软件和硬件各不相同
最重要的是了解你的用户
他们使用什么显示器。分辨率支持1024*768，分辨率尺寸可变，以适应不同显示器。
他们使用什么浏览器。
他们安装了什么插件。你的网页使用的插件，用户有权限有么，用户们有么
怎样帮助残疾人士。这些用户也许，是也许，也许同样需要访问你的网站。这是蓝海？？？
用户都是浏览者。一般只用几秒时间看你的网页。
 
    网站标准
按标准开发，更加容易面对多版本的各种技术。也更方便协作，大家遵循约定的规则。
 
    网站验证
验证编写的网页是否符合标准，如html文件、css文件、xhtml文件、xml、wml（与html类似）是否符合对应标准。
 
    万维网联盟
万维网联盟（W3C）创立了 WWW 标准。
W3C 的使命是通过发展规范、指导方针、软件以及工具，来尽展万维网潜能。
最重要的 W3C 标准是：
HTML
XHTML
CSS
XML
XSL
DOM
 
    网站安全
此刻，您已向整个世界提供了您的 IP 地址。
请确保您没有同时提供对私人数据的访问权限。
您的 IP 地址是公共的
固定的 IP 地址要冒更大的风险。
 
    浏览器信息
各种常用浏览器的信息
 
    网站品质
使用最新的 WEB 标准。html4.01或用xml重新表达html4.01的xhtml。使用css1或2或3。通过web验证工具的验证网页。
增强网页的易读性。根据WAI（W3C发起的网页易读性倡议）的指导方针编写页面。即使残障人士，也能阅读。
html元素内容更合理。如title意义正确；改用h1标签就用h1，以免给搜索引擎带来困扰；doctype内容正确。
使用样式表注意事项。不在页面文件使用font标签，改到css，不至于改font需要改很多处，改css一处即可；不使用固定的字体尺寸，使用相对尺寸值，在调整浏览器显示比例时，就会跟随变化显示比例；不使用很小的默认字体尺寸；字体和背景颜色，不至于相同影响阅读。
字的可读性要好。不会看不清；不会字挤到一起，或间距过大；避免奇特的字体；少用斜体；另外为了在关闭浏览器图片显示的情况下，使用alt属性。
国际化。
 
    语义网
一个电子商务网站

前端- html 和css的更多相关文章

  1. 前端开发：css基础知识之盒模型以及浮动布局。

    前端开发:css基础知识之盒模型以及浮动布局 前言 楼主的蛮多朋友最近都在学习html5,他们都会问到同一个问题 浮动是什么东西?  为什么这个浮动没有效果?  这个问题楼主已经回答了n遍.今天则是把 ...

  2. 前端之DIV+CSS布局

    刚开始学习javaweb,首先定位学习后端,可是随着学习的深入和项目的进行,越来越发现前端知识的欠缺,之前也随着视频看过,随着时间的流逝,具体的应用也随之忘记了. 而现在开始自己练习项目,发现前端知识 ...

  3. 前端Html和Css面试题

    前端Html和Css面试题Html篇:1.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? IE: trident内核 Firefox:gecko内核 Safari:webkit内核 Ope ...

  4. 2.前端笔记之css

    title: 1.前端笔记之CSS date: 2016-04-05 23:05:51 tags: 前端 categories: w3c --- 作者:刘耀 **出处:http://www.liuya ...

  5. 前端零基础 --css转换--skew斜切变形 transfor 3d

    前端零基础 --css转换--skew斜切变形 transfor 3d==============重要不紧急! 重要紧急 重要不紧急 不重要紧急 不重要不紧急

  6. 前端html、CSS快速编写代码插件-Emmet使用方法技巧详解

    前端html.CSS快速编写代码插件-Emmet使用方法技巧详解   Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生.它使用仿CSS选择器的语法来 ...

  7. 李洪强和你一起学习前端之(6)css行高,盒模型,外边距

    李洪强和你一起学习前端之(6)css行高,盒模型,外边距 复习昨天的知识 1.1css书写位置: 内嵌式写法 外联式写法 <link href = "1.css" rel = ...

  8. 前端基础：CSS样式选择器

    前端基础:CSS样式选择器 CSS概述 CSS是Cascading Style Sheets的简称,中文意思是:层叠样式表,对html标签的渲染和布局.CSS规则由两个主要的部分组成:1.选择器:2. ...

  9. web前端篇：CSS使用，样式表特征，选择器

    目录 web前端篇:CSS使用,样式表特征,选择器 1.CSS介绍 2.CSS使用 3.样式表特征 4.CSS选择器 5.选择器的优先级 6.练习题: web前端篇:CSS使用,样式表特征,选择器 1 ...

  10. Web前端篇：CSS常用格式化排版、盒模型、浮动、定位、背景边框属性

    目录 Web前端篇:CSS常用格式化排版.盒模型.浮动.定位.背景边框属性 1.常用格式化排版 2.CSS盒模型 3.浮动 4.定位 5.背景属性和边框属性 6.网页中规范和错误问题 7.显示方式 W ...

随机推荐

  1. gearman中任务的优先级和返回状态

    gearman中任务的优先级和返回状态 一.任务的优先级 同步阻塞调用,等待返回结果 doLow:最低优先 doNomal:正常优先级 doHigh:最优先执行 异步派发任务,不等待返回结果,返回任务 ...

  2. Logback报错 no applicable action for [Encoding], current ElementPath is [[configuration][appender][Encoding]]

    老版本是0.9,移到springboot项目,解决办法,删除xml配置文件节点<Encoding>UTF-8</Encoding>

  3. Vue 插件和Preset

    插件和Preset 插件 Vue CLI 使用了一套基于插件的架构 Vue CLI 使用了一套基于插件的架构.如果你查阅一个新创建项目的 package.json,就会发现依赖都是以 @vue/cli ...

  4. 图片延时加载原理 和 使用jquery实现的一个图片延迟加载插件（含图片延迟加载原理）

    图片加载技术分为:图片预加载和图片延时加载. javascript图片预加载和延时加载的区别主要体现在图片传输到客户端的时机上,都是为了提升用户体验的,延时加载又叫懒加载.两种技术的本质:两者的行为是 ...

  5. git回退文件修改

    假设git仓库某个文件的提交信息如下: [cxy@localhost-live mate-power-manager]$ git log -n3 SPECS/mate-power-manager.sp ...

  6. python实现文件下载图片视频

    最近在学习爬虫,在爬取网站时很多时候是需要将图片或视频下载到本地 今天就来说说如何使用urllib将图片保存到本地 以下代码均为win7  python3.6.* 方法一(使用下载函数保存) from ...

  7. php中static静态关键字的使用方法和应用场景

    php中除了常规类和方法的使用,访问控制之外,还有静态关键字static,静态变量可以是局部变量也可以是全局变量,当一个程序段执行完毕时,静态变量并没有消失,它依然存在于内存中,下次在定义时还是以前的 ...

  8. python——处理xls表格

    因为工作需要,现有一个运营商导出的xls固定电话话费账单. 账单比较详细,而我最终需要的数据只有那个号码这个月用了多少话费的统计结果. 当年没有好好学office,以致于无从下手.泪奔/(ㄒoㄒ)/~ ...

  9. sed删除行

    删除文件中含有$word字符串的某些行(在文件中修改) sed -i '/$word/d' file

  10. tableView的cell之间间隔显示空白区域

    //再要创建的cell中修改frame - (void)setFrame:(CGRect)frame{ frame.origin.x += ; frame.origin.y += ; frame.si ...