<!DOCTYPE html>
<html lang="en"> --整个网页
<head> --网页头部 : 存放所有需要浏览器渲染的代码
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> ---解决兼容性
<title>Document(网页标题)</title>
外链式<link rel="stylesheet" href="xxx.css">
<style> ---嵌入式
div{
width: 500px; 画布宽
height: 500px; 画布高
background: ghostwhite 画布背景色
}
.red{
color :blue; 文字颜色
font-weight: bold/normal; 是否加粗
font-style: italic/normal; 是否倾斜
text-decoration:underline/overline/line-through/none; 是否下划线/上划线/删除线
font-size: 20px; 字号
font-family:"微软雅黑"; 字体样式
line-height: 100px; 行间距,行高
text-indent: 2em; 首行缩进2个字
}
b{
font-weight: normal
}
strong{
font-weight: normal
}
</style>
</head>
<body> --网页主体: 给用户看的代码
<div class="red">
<span>文字不换行</span>
<h2><b>今日头条</b></h2>
<a href="http://www.baidu.com" target="_blank">百度超链接</a>
<img src="123.icon2.jpg" alt="替换文本">
<img src="img.png" alt="">
<div>
html css JavaScript 面试题 : 能不能遵循web标准 、 web 前端技术都有什么
html -- 结构标准 --负责网页内容
css -- 表现标准、样式标准 -- 负责网页美化
Js -- 行为标准 -- 负责行为动作和表单验证
W3c 国外的组织机构
1. html:超文本标记语言 --学习html学习20多个标记
2. html发展历史: html1.0 ---1993年起草的草案 --纯文本格式
html2.0
html3.0
html4.0 --研发人员意识到问题:语法松散---为了规避问题研发了xhtml1.0 (严格型的html --相对严格 能兼容老版本)
---还有一个严重的问题: 兼容性问题 --xhtml2.0 (特别的严格的html -- 不兼容老版本)
--- 浏览器厂商反抗 ---开会:抵制位w3c
--研发一个新的语法很宽泛的html5.0 学习 xhtml1.0 + html5.0 标签 == 标记
<标签名称>
</标签名称> --双标记
<标签名称> -- 单标记
3. 默认代码作用: DOCTYPE : 规定文档的dtd格式 -- 规定浏览器到底以哪个html版本解析页面 --解决兼容型问题
css: 层叠样式表 层叠样式单 层叠==覆盖
css2.0 和 css3.0
嵌入式(内嵌式)<style></style>
外链式<link rel="stylesheet" href="xxx.css">
行内式<p style="color: green">测试行内式</p>
<h1>标题</h1>
<p> 段落</p>
<div> 布局 </div>
<span> 文字不换行
<b>加粗(bold)</b>
<i>倾斜(italia)</i>
<u>下划线(underline)</u>
<s>删除线</s>
<strong>强加粗</strong>
<em>倾斜</em>
<ins>强下划线</ins>
<del>强删除线</del>
</div>
</body>
</html>
<html lang="en"> --整个网页
<head> --网页头部 : 存放所有需要浏览器渲染的代码
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> ---解决兼容性
<title>Document(网页标题)</title>
外链式<link rel="stylesheet" href="xxx.css">
<style> ---嵌入式
div{
width: 500px; 画布宽
height: 500px; 画布高
background: ghostwhite 画布背景色
}
.red{
color :blue; 文字颜色
font-weight: bold/normal; 是否加粗
font-style: italic/normal; 是否倾斜
text-decoration:underline/overline/line-through/none; 是否下划线/上划线/删除线
font-size: 20px; 字号
font-family:"微软雅黑"; 字体样式
line-height: 100px; 行间距,行高
text-indent: 2em; 首行缩进2个字
}
b{
font-weight: normal
}
strong{
font-weight: normal
}
</style>
</head>
<body> --网页主体: 给用户看的代码
<div class="red">
<span>文字不换行</span>
<h2><b>今日头条</b></h2>
<a href="http://www.baidu.com" target="_blank">百度超链接</a>
<img src="123.icon2.jpg" alt="替换文本">
<img src="img.png" alt="">
<div>
html css JavaScript 面试题 : 能不能遵循web标准 、 web 前端技术都有什么
html -- 结构标准 --负责网页内容
css -- 表现标准、样式标准 -- 负责网页美化
Js -- 行为标准 -- 负责行为动作和表单验证
W3c 国外的组织机构
1. html:超文本标记语言 --学习html学习20多个标记
2. html发展历史: html1.0 ---1993年起草的草案 --纯文本格式
html2.0
html3.0
html4.0 --研发人员意识到问题:语法松散---为了规避问题研发了xhtml1.0 (严格型的html --相对严格 能兼容老版本)
---还有一个严重的问题: 兼容性问题 --xhtml2.0 (特别的严格的html -- 不兼容老版本)
--- 浏览器厂商反抗 ---开会:抵制位w3c
--研发一个新的语法很宽泛的html5.0 学习 xhtml1.0 + html5.0 标签 == 标记
<标签名称>
</标签名称> --双标记
<标签名称> -- 单标记
3. 默认代码作用: DOCTYPE : 规定文档的dtd格式 -- 规定浏览器到底以哪个html版本解析页面 --解决兼容型问题
css: 层叠样式表 层叠样式单 层叠==覆盖
css2.0 和 css3.0
嵌入式(内嵌式)<style></style>
外链式<link rel="stylesheet" href="xxx.css">
行内式<p style="color: green">测试行内式</p>
<h1>标题</h1>
<p> 段落</p>
<div> 布局 </div>
<span> 文字不换行
<b>加粗(bold)</b>
<i>倾斜(italia)</i>
<u>下划线(underline)</u>
<s>删除线</s>
<strong>强加粗</strong>
<em>倾斜</em>
<ins>强下划线</ins>
<del>强删除线</del>
</div>
</body>
</html>