html标签

标签：

列表标签：

1.有序列表：type

<ol type=“1”>

  <li>**</li>

</ol>

2.无序列表：ul

<ul>

  <li>文具

     <ol>

         <li>铅笔</li>

     </ol>

  </li>

</ul>

样式的写法

1. 行内样式
2. 内嵌样式
3. 外部样式

样式优先级问题：

样式优先级：就近原则（行内优先）

如果行内样式和内嵌样式和外部样式没有冲突，折叠加使用

如果冲突考虑样式优先级  ：行内>内嵌>内部

1.行内样式写法：给标签添加style属性 双引号里写样式属性 属性：值 边框样式：border

<border:1px solid red; >复合属性

<border-style:solid; border-width: 1px; border-color: red;>

rgb  ：三原色 red green blue

rgba ：a代表颜色的透明度

2．内嵌样式

<div class=”block”></div>

3.外部样式 （link @import” ”）

<div id=”b_1”></div>

内嵌样式：三种基本元素选择器（内嵌和外部里面都有特殊的选择器）

1. 伪类元素选择器

a{}

1. 鼠标悬停伪类：hover
2. 激活伪类 访问过后的伪类 访问之前的伪类

a:visited{color:red;}

a:active{color:blue}

a:link{color:deppink}

<link rel=”xxx” href=”xxx”> ：外部样式的导入

@import 内嵌样式表

元素选择器：使用元素选择器进行元素的查找

1. 元素选择器

div{

   border:1px solid red;

   height:              (写的当前元素的样式表)

   width:

   }

1. class选择器

.block{

      boder:  solid

      width:

      height:

      }

1. id选择器

#b_1{

Border:  solid

Width:

Height：

定位 ：固定定位 相对定位 绝对定位

当元素定位之后可以使用五个属性 ：zindex  left  top  right  bottom

position：relative; ：相对定位 占位置

position:absolute; ：绝对定位 定位之后不占位置

position:fixed;  ：固定定位

 

<table>  ：表格

<tr> <td>  ：行 列

<cellspacing>  列的外间距

display: none; ：隐藏

display：block； ：显示

ulmenu li ：父级元素选择器 选择所有父元素后代选择器

ulmenu ：选择父元素子代元素选择器

overflow: hidden; ：父元素里面的子元素 浮动 导致父元素撑不开

display：inline-block  ：水平块级元素  可以撑开父级元素

*：代表所有元素

text-decoration:none; ：去掉下划线

display：inline-block； ：转化为块级元素  block：换行的块级元素

<meta http-equiv=“expires” content=“2018-7-14”> ：自动刷新功能

<h> ：自动换行 加粗 从大到小

<p align=“ center/left/right”> ：p:默认占父容器的100% align属性控制文本的对齐方式

<br> ：强制换行

<pre> ：预先格式化标签 变化字的大小 以预先设置号的格式输出

<b>wangye</b><!&ndash :加粗–>

<i> ：斜体标签

<u> ：添加下划线

<sub> ：定义下标文本

<sup> ：定义上标文本

<noshade size=“100”>：水平线

<size 1 7> ：控制字体 （font size=“6” color=“red” face=“楷体”>***</font>

图像标签：绝对路径 相对路径 远程路径

<img src=“img/***” alt=“网速不行” title=“”>

&  >  <  ：插入特殊字符 （&coppy；&lg；>；<；&leftrightarrow；）

  网页中加空格 （aaa ； ；aaa <hr/>）

<a href=”http://xxx” target=”_blank”>xxx</a>  ：超级链接 跳转页面

<a href=”xxxx”> xxx</a> ：跨页面找锚标

<a name=”xx”>xxx</a>

<form  action=”xxx” method=”get”>  表单元素对象 （get 不安全 post 比较安全）

<input> ：默认文本框

<value> ：表单对象的值属性

<label for=”nick”>文本框：</label>

pwd ：密码框

ck ：复选框

radio ：单选框

button ：普通按钮

submit ：提交按钮

reset ：重置按钮

<textarea> </textarea> ：多行文本框

<selected> 下拉菜单 默认选择 类似于checked

<div> ：块级元素 用div构建网站的框架

<span> ：只允许放文字