web第一节

一、

html–网页结构 超文本标记语言；
css–网页样式 层叠样式表语言；
js–网页行为 浏览器脚本语言；

二、

生成文档类型，文档第一行 之前;
代码编码格式;
            --> 通过meta标签设定网页文档元信息（编码集，关键字，描述）
       {    中文编码集：gbk，gb2312(繁体)；
           国际编码集：utf-8；}

三、html标签

1、注释（网页中有三大注释）

网页结构注释：<!–注释文本-- >
网页样式注释: /*注释文本 */
浏览器脚本语言注释：
{     行注释：// 注释文本
     段落注释：/ *注释文本
     （可换行） */}

2、标题标签（h1-h6）

hn之间有空隙且越来越小（字体大小）
     有权重，h1-h6依次递减，h1只有有一个！（大标题）顺序不能乱；
     --> 特性：{
块级标签：块级可嵌套其他块级（p除外），也可嵌套行内标签；
行内标签：行内只能嵌套行内；}

3、p标签

p标签之间自动换行 而div不会换行，无间隙。
p可嵌套在div中。

4、网页常用样式

宽度-width；内填充-padding；高度-height；外边距-margin；边框-border；

5、span标签

对比 div是盒子 P是段落 span是装扮
①<strong></strong>  强调加粗文本（关键字），重复多用；
<b></b>  单纯加粗；
②<i></i> 普通斜体;
<em></em>强调语意；

6、font标签（h5中淘汰）

改用css里font样式
如：font-size 字体大小； font-family 字体风格样式 ；color 字体颜色

7、a锚点链接（超链接的一种，通常做导航）

<a href="#区块"></a>
    href是链接路径 name是锚点位置
#后+锚点位置，点击跳转区块

<div>
<a name="phone">手机区</a>
<a name="img"图片区</a>
<a name="key">关键区</a>
</div>

<a href="#phone">手机区</a>
<a href="#img">图片区</a>

网页中超链接四个状态!
–>css样式中设置 <style type="text/css">
①link:默认状态 a:linl{color:blue;}
②hover:鼠标滑到超链接上 a:hover{color:red;}
③active:鼠标按下超链接 a:active{color:blue;}
④visited:访问超链接后 a:active{color:green;}

顺序:link->visited->hover->active

如何去除超链接下划线? - - > text-decoration:none;

8、四大转义符

①<:&lt
②>:&gt
③双引号：&guot
④空格:&nbsp

9、文本域标签 textarea

<textarea></textarea>

文本域常用属性
①autofocus：

<textarea autofocus="autofocus"/>

文本输入框自动获取用户焦点（光标闪烁位置）;
②cols:文本域的宽度 row:高度（行数） [不建议用]
一般用
<style=“width:300px;height:300px;”>
③disabled 禁用文本域;
④name 给文本与命名;
⑤placecholder 文本域默认提示文本
- - -> phceholder=“文本”；
⑥redonly 文本域只可读;