博客
关于我
强烈建议你试试无所不能的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

你可能感兴趣的文章
NDK以及C语言基础语法(二)
查看>>
android中与Adapter相关的控件----Spinner&AutoCompleteTextView
查看>>
c实验4
查看>>
解决“Kali Linux终端打不开”
查看>>
经验教训
查看>>
VS中Ctrl+F5(开始执行不调试)一闪而过问题
查看>>
js构造造函数
查看>>
iOS9的那些坑 — — WeiboSDK registerApp启动就崩溃
查看>>
ROS知识(1)----ROS Jade安装
查看>>
SQLite3知识(1)--教程
查看>>
supervisor学习
查看>>
linux make clean
查看>>
Intel的东进与ARM的西征(5)--智慧的大窗口,我们都在画里面
查看>>
三种不同的方式,计算欧氏距离,速度比较
查看>>
PhantomX Pincher机器人机械臂那些事儿
查看>>
bzoj 4480: [Jsoi2013]快乐的jyy
查看>>
Taxes
查看>>
算法导论(第三版)Exercises2.3(归并排序、二分查找、计算集合中是否有和为X的2个元素)...
查看>>
算法导论(第三版)Problems2(归并插入排序、数列逆序计算)
查看>>
d3.js:数据可视化利器之 交互行为:响应DOM事件
查看>>