「前端」 - HTML-基本
<h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">1、</span>web前端<span style="color: black;">研发</span>概述</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML是网页内容的载体，<span style="color: black;">期盼</span>用户浏览的信息，<span style="color: black;">能够</span><span style="color: black;">包括</span>文字、<span style="color: black;">照片</span>、视频等。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">CSS样式是表现，修饰标题、字体、颜色，背景<span style="color: black;">照片</span>、边框等。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">JavaScript是用来实现网页上的特效、动画、交互。</p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">2、</span>HTML</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML指的是超文本标记语言（Hyper Text Markup Language），为一种标记语言，<span style="color: black;">经过</span>标记标签来描述网页，<span style="color: black;">没</span>需编译，直接由浏览器执行解析。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1993年HTML 1.0并未标准化，1995年W3C<span style="color: black;">颁布</span>HTML 2.0，逐步完善和标准化，1997年HTML 4.0及1999年HTML 4.0.1<span style="color: black;">颁布</span>，2014年HTML5定稿。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">标签、元素（<span style="color: black;">起始</span>标签+内容+结束标签）、属性、注释。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><标签名 属性名A="属性值" 属性名B="属性值" ... >内容</标签名></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">A、标签</p>
<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>CSS布局，<span style="color: black;">亦</span><span style="color: black;">能够</span>使得内联元素<span style="color: black;">持有</span>块特性。</p>
<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>反斜杠对标签进行闭合。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.段落标签</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><h1>-<h6></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><p></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">align，left/right/center/jsutify-对行进行伸展，每行都由相等长度</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><pre></pre>，预格式化标签</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><br/></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><!DOCTYPE html>，不属于HTML标签，用于声明文档的类型，<span style="color: black;">必须</span>放在文本的第首行。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.修饰标签</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><i></i></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><em></em></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><b></b></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong></strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><sub>，下标</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><sup>，上标</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.块级元素</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><p></p> - 段落
<hx></hx> - 标题
<blockquote></blockquote> - 块引用
<hr> - 水平分隔线
<ol></ol> - 排序列表
<ul></ul> - 非排序列表
<table></table> - 表格
<form></form> - 表单
<div></div> - 层</div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.内联元素</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><a></a> - 链接
<q></q> - 短引用
<br> - 换行
<img> - <span style="color: black;">照片</span>
<input></input> - 输入框
<label></label> - 表格标签
<select></select> - 项目<span style="color: black;">选取</span>
<textarea></textarea> - 多行文本输入框
<span></span> - 内联容器</div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">B、特殊标签（属性）</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.属性</p>
<div style="color: black; text-align: left; margin-bottom: 10px;">始终为属性加双引号""
属性和属性值对<span style="color: black;">体积</span>写不<span style="color: black;">敏锐</span>（<span style="color: black;">举荐</span>小写）</div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.通用属性</p>
<div style="color: black; text-align: left; margin-bottom: 10px;">class - 规定元素的类名（classname）
id - 规定元素的<span style="color: black;">独一</span> id
style - 规定元素的行内样式（inline style）
title - 规定元素的额外信息</div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.超链接标签（锚）</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><a name="tips">基本的<span style="color: black;">重视</span>事项 - 有用的提示</a>
<a href="#tips">有用的提示</a>
<a >有用的提示</a></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.<span style="color: black;">照片</span>标签</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="/i/eg_mouse.jpg" width="50" height="50"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">C、避免<span style="color: black;">运用</span>标签和属性</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">内容和表现分离，<span style="color: black;">运用</span>style属性/CSS代替。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><center>
<font>和<basefont>
<s>和<strike> 删除线
<u> 下划线
属性
align - 对齐方式
bgcolor - 背景颜色
color - 文本颜色</div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">D、<span style="color: black;">小心</span><span style="color: black;">运用</span>的标签</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">运用</span><span></span>，<span style="color: black;">经过</span>CSS<span style="color: black;">能够</span><span style="color: black;">调节</span><span style="color: black;">表示</span>效果。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><b> - 粗体
<strong> - 加重语气
<big> - 大号字
<small> - 小号字
<em> - 着重文字
<i> - 斜体字
<sub> - 下标字
<sup> - 上标字
<ins> - <span style="color: black;">插进</span>字
<del> - 删除线</div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">E、表格标签</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><table></table> - 行
<tr> - 单元格/表格数据
<td> - 表头
<th> - 标题</div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">F、列表</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.<span style="color: black;">没</span>序列表<ul>（粗体圆点进行标记）</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><ul>
<li>Coffee</li>
<li>Milk</li>
</ul></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.有序列表<ol>（<span style="color: black;">运用</span>数字进行标记）</p>
“沙发”（SF，第一个回帖的人） 我完全赞同你的观点，思考很有深度。 你的见解独到，让我受益匪浅，非常感谢。
页:
[1]