博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html.day02
阅读量:5086 次
发布时间:2019-06-13

本文共 2113 字,大约阅读时间需要 7 分钟。

1.链接标签  a

  

  一般情况下:  来源  用 src     去往 用 href 

  背景音乐

  1.链接的分类 

    链接可以分很多类。有以下几个

    1.内部链接

      主要用于站点内部文件的相互链接。

       <a>链接</a>

    2.外部链接

      主要用于网络上的链接   格式要求 必须以 : http:// 开头

      例如: <a href=”http://www.baidu.com”>百度</a>

    3.锚点链接      

      同一个页面的锚点链接  :

      2步走:

          1. 先抛锚 :把光标定位到要去往的地方,然后插入命名锚记,取好名称。

          代码如下:

5家族成员编辑

          2. 选择要点击的对象,在链接里面输入:    #+锚记名称  就可以了。

      不同页面 的锚点链接

        第一步 一样

        第二步 几乎一样  不同的地方在于: 

        选择要点击的对象,在链接里面输入: 文件名称+#+锚记名称  就可以了

    4.空链接#

    5.JavaScript 链接

   js 空链接

  

  关于链接的2个小地方:

  1. 链接目标 

    target  链接目标

    _blank  新窗口中打开链接 

    _self   当前窗口中打开  (默认的)

    _parent  在父窗口中打开 

    _top   在顶窗口中打开       

    例如: 在新窗口中打开页面的方法是:

  2. nofollow   seo 优化常用

    rel=”nofollow”  就是让搜索引擎 不去爬这个链接

    百度蜘蛛

    作用: 就是一些不重要的链接 ,不让搜索引擎去爬链接。

    网站后台   用户信息  

2.列表 

  在合适的地方用合适的标签

  css+div      div越少越好  span  权重很低  

  span  div  ul   dl   table

  列表分三类:

  1.无序列表  (ul

  type  类型  

  disc  实心圆  circle  空心圆  square  方块

  • 苹果
  • 橘子
  • 香蕉

  2.有序列表  (ol

  3.自定义列表  (dl

定义标题
定义内容(主要对标题进行描述)

3.表格  table 

标签

作用

<table>    </table> 

表格

<tr>   </tr>

<td>  </td>

单元格

<th>   </th>

表头(行标题)

 

 

  th  会让里面的文字 加粗  并且居中

  bordercolor   边框颜色  

  cellspacing   间距 : 单元格和单元格之间的距离

  cellpadding   边距: 单元格内部内容和单元格边的距离

  一般下:三参为0

  border  cellspacing   cellpadding  都是0

  我们已知  :  align  水平居中

  垂直居中  : valign :  top()   bottom(下)   middle(居中)

  1.细线表格  

    1. css  来做

    2.巧妙运用 间距来做。

      1. 先给大表格指定背景色 (红色)

      2. 然后给行指定背景色(白色)

      3. 最后给表格指定间距就ok了。

  dw快捷键:

快键键

作用

ctrl+alt+i   

插入图片

ctrl+alt+t

插入表格

ctrl+alt+f

插入flash

 

 

4.表单 form  

  表单 : 收集用户信息 , 表单 和用户进行交互 

  1.文本框 表单

  input  输入的  必须写的 是 type   text  文本的意思  所以是文本框

用户名:

  2.密码框

密 码:

  3.单选按钮

  注意: 此时,name必须写  而且不管几个单选按钮,name必须一样(一组内)

  4.复选框按钮

  跟radio一样  还有就是 checked=“checked”

   默认选中

  5.下拉列表

  默认选中某一个 : selected=“selected”  注意和单选复选不一样

  案例如下:  

  6.提交按钮

  value 控制按钮 上的文字

  7.重置按钮

  value 控制按钮 上的文字

  8.文本域

  rows  行数

  cols   列数

  9.普通按钮

  10.图片按钮

转载请注明出处

 

 

转载于:https://www.cnblogs.com/brittany/p/4784189.html

你可能感兴趣的文章
如何衡量每个人在各自团队的效率和绩效?
查看>>
利用java代码生成keyStore
查看>>
A. Odds and Ends(思维)
查看>>
AcWing:146. 序列(小根堆 + 数学归纳 + 贪心)
查看>>
AcWing:111. 畜栏预定(贪心 + 小根堆)
查看>>
AcWing:142. 前缀统计(字典树)
查看>>
B. Tell Your World(几何数学 + 思维)
查看>>
AcWing:178. 第K短路(A*)
查看>>
AcWing:172. 立体推箱子(bfs)
查看>>
暑假集训 - 8.6 总结
查看>>
AcWing:175. 电路维修(bfs)
查看>>
AcWing:176. 装满的油箱(bfs + dijiskla思想)
查看>>
AcWing:177. 噩梦(bfs)
查看>>
AcWing:149. 荷马史诗(哈夫曼编码 + k叉哈夫曼树)
查看>>
D. Restore Permutation(权值线段树)
查看>>
暑假集训 - 8.10 总结
查看>>
AcWing:164. 可达性统计(拓扑排序 + 状态压缩算法)
查看>>
AcWing:239. 奇偶游戏(前缀和 + 离散化 + 带权并查集 + 异或性质 or 扩展域并查集 + 离散化)...
查看>>
AcWing:240. 食物链(扩展域并查集 or 带边权并查集)
查看>>
AcWing:241. 楼兰图腾(树状数组逆序对)
查看>>