HTML基本（新手入门必看）
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">「学习笔记」HTML<span style="color: black;">基本</span></p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">前言</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">勤做笔记不仅<span style="color: black;">能够</span>让自己学的扎实，更<span style="color: black;">要紧</span>的是<span style="color: black;">能够</span>让自己少走弯路。有人说:"再次翻开笔记是什么感觉"，我的回答是:"初恋般的感觉"。或许笔记不<span style="color: black;">必定</span>十全十美，但肯定会让你有种初恋般的怦然心动。 本章着重复习Html的<span style="color: black;">基本</span>内容，学习Html<span style="color: black;">到底</span>要学些什么呢？<span style="color: black;">重点</span>是学习<span style="color: black;">各样</span>标签，来搭建网页的“结构”。✨✨ 本篇<span style="color: black;">文案</span><span style="color: black;">重点</span>由五个章节<span style="color: black;">形成</span>，从WEB标准到初识HTML，接着学习HTML常用标签，最后学习表格列表和表单。 <span style="color: black;">起始</span>充电之旅啦~~~</p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">1、</span>认识WEB</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">「网页」<span style="color: black;">重点</span><span style="color: black;">是由于</span>文字、图像和超链接等元素<span style="color: black;">形成</span>，当然除了这些元素，网页中还<span style="color: black;">能够</span><span style="color: black;">包含</span>音频、视频以及Flash等。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">「浏览器」是网页<span style="color: black;">表示</span>、运行的平台。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">「浏览器内核」(排版引擎、解释引擎、渲染引擎)</p>负责读取网页内容，整理讯息，计算网页的<span style="color: black;">表示</span>方式并<span style="color: black;">表示</span>页面。浏览器内核备注<h3 style="color: black; text-align: left; margin-bottom: 10px;">Web标准</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">「<span style="color: black;">形成</span>」 结构标准，表现标准和<span style="color: black;">行径</span>标准</p>结构标准用于对网页元素进行整理和<span style="color: black;">归类</span>(HTML)表现标准用于设置网页元素的版式、颜色、<span style="color: black;">体积</span>等外观属性(CSS)<span style="color: black;">行径</span>标准用于对网页模型的定义及交互的编写(JavaScript)<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">「Web标准的优点」 </p>易于<span style="color: black;">守护</span>：只需更改CSS文件，就<span style="color: black;">能够</span>改变整站的样式页面响应快：HTML文档体积变小，响应时间短可<span style="color: black;">拜访</span>性：语义化的HTML（结构和表现相分离的HTML）编写的网页文件，<span style="color: black;">更易</span>被屏幕阅读器识别设备兼容性：<span style="color: black;">区别</span>的样式表<span style="color: black;">能够</span>让网页在<span style="color: black;">区别</span>的设备上呈现<span style="color: black;">区别</span>的样式搜索引擎：语义化的HTML能<span style="color: black;">更易</span>被搜索引擎解析，<span style="color: black;">提高</span>排名<h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">2、</span>HTML初识</h2>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">HTML初识</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">「HTML」(Hyper Text Markup Language):超文本标记语言</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">「<span style="color: black;">所说</span>超文本，有2层含义：」</p><span style="color: black;">由于</span>它<span style="color: black;">能够</span>加入<span style="color: black;">照片</span>、声音、动画、多<span style="color: black;">媒介</span>等内容（超越文本限制 ）不仅如此，它还<span style="color: black;">能够</span>从一个文件<span style="color: black;">转</span>到另一个文件，与世界各地主机的文件连接（超级链接文本）。<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">「HTML骨架格式」</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><!-- 页面中最大的标签 根标签 -->
<html>
<!-- 头部标签 -->
<head>
<!-- 标题标签 -->
<title></title>
</head>
<!-- 文档的主体 -->
<body>
</body>
</html></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">「团队约定<span style="color: black;">体积</span>写」</p>HTML标签名、类名、标签属性和大部分属性值统一用小写<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">「HTML元素标签<span style="color: black;">归类</span>」</p>常规元素(双标签)空元素(单标签)<div style="color: black; text-align: left; margin-bottom: 10px;"> 常规元素(双标签)
<标签名> 内容 </标签名> <span style="color: black;">例如</span><body>我是文字</body>
空元素(单标签)
<标签名 /> <span style="color: black;">例如</span> <br />或<br></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">「HTML标签关系」</p>嵌套关系父子级<span style="color: black;">包括</span>关系并列关系兄弟级并列关系<span style="color: black;">倘若</span>两个标签之间的关系是嵌套关系，子元素最好缩进一个tab键的身位（一个tab是4个空格）。<span style="color: black;">倘若</span>是并列关系，最好上下对齐。<h3 style="color: black; text-align: left; margin-bottom: 10px;">文档类型<!DOCTYPE ></h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">「文档类型」用<span style="color: black;">来讲</span>明你用的XHTML<span style="color: black;">或</span>HTML是什么版本。<!DOCTYPE html>告诉浏览器<span style="color: black;">根据</span>HTML5标准解析页面。</p>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">页面语言lang</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">lang指定该html标签内容所用的语言</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"> <html lang="en">
en 定义语言为英语 zh-CN定义语言为中文</div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">「lang的<span style="color: black;">功效</span>」</p><span style="color: black;">按照</span><span style="color: black;">按照</span>lang属性来设定<span style="color: black;">区别</span>语言的css样式，<span style="color: black;">或</span>字体告诉搜索引擎做精确的识别让语法<span style="color: black;">检测</span>程序做语言识别<span style="color: black;">帮忙</span>翻译<span style="color: black;">工具</span>做识别<span style="color: black;">帮忙</span>网页阅读程序做识别<h3 style="color: black; text-align: left; margin-bottom: 10px;">字符集</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">「字符集」(Character set)是多个字符的集合,计算机要准确的处理<span style="color: black;">各样</span>字符集文字，<span style="color: black;">必须</span>进行字符编码，以便计算机能够识别和存储<span style="color: black;">各样</span>文字。</p>UTF-8是<span style="color: black;">日前</span>最常用的字符集编码方式让 html 文件是以 UTF-8 编码<span style="color: black;">保留</span>的， 浏览器<span style="color: black;">按照</span>编码去解码对应的html内容。<div style="color: black; text-align: left; margin-bottom: 10px;"><meta charset="UTF-8" /></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">「meta viewport的用法」<span style="color: black;">一般</span>viewport<span style="color: black;">指的是</span>视窗、</p>
外链论坛的成功举办，是与各位领导、同仁们的关怀和支持分不开的。在此，我谨代表公司向关心和支持论坛的各界人士表示最衷心的感谢！ 论坛外链网http://www.fok120.com/ 你字句如珍珠，我珍藏这份情。 论坛的成功是建立在我们诚恳、务实、高效、创新和团结合作基础上，我们要把这种精神传递下去。
页:
[1]