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