HTML DOM 百分网手机站

笔记html基础

时间:2018-04-28 20:31:24 HTML DOM 我要投稿

笔记html推荐基础

  一,网页基础结构:

笔记html推荐基础

  XML/HTML Code复制内容到剪贴板 笔记html推荐基础 这是我的第一个网页

  注意:在HTML中,标签大部分都是成对出现的。有开始就有结束

  如果不是成对出现的标签,在标签的后面加上/表示结束。

  二、基本标签

  1、h1-h6 标题标签

  2、em 斜体

  3、strong 粗体

  4、hr 切割线

  5、br 换行

  6、p 段落标签

  7、 特殊符号,空格

  8、> 特殊符号,>

  9、< 特殊符号,<

  10、" 特殊符号,"

  11、 特殊符号,版权符号

  12、注释

  13、img 图片标签

  属性:src:图片的路径,alt:当图片找不到时,显示的.文字

  title:鼠标悬浮显示的文字

  用法:

  

  14、a 超链接标签

  属性:href:链接到哪里去

  用法:

  链接

  锚链接

  先在一个位置写上

  然后另一个位置写上

  点击这个链接,会找到这个?所在的位置

  用法:

  链接到这了来

  从这了链接

  15、ul-li 无序列表

  用法:

  

      

  • 列表项1
  •   .

      

  • 列表项n
  •   

  注意:没有顺序,每一个li就是一行

  默认情况下,每一个li前面都有一个实心小点

  16、ol-li 有序列表

  用法:

  

      

  1. 列表项1
  2.   .

      

  3. 列表项n
  4.   

  就是将无序列表的实心小点换成了序号

  17、dl-dt-dd定义列表

  用法:

  

  

标题1

  

内容1

  

标题2

  

内容2

  

  实现效果:

  标题1

  内容1

  标题2

  内容2

  18、表单元素

  a、text 单行文本框

  b、password 密码框

  c、radio 单选按钮

  d、file 文件选择器

  e、checkbox 复选框

  f、select 下拉列表

  g、submit 提交按钮

  h、reset 重置按钮

  i、textarea 文本域

  用法:

  

  j、form标签 提交标签

  语法:

  

  

  如果action为空,则表示提交到当前页面

  method可选属性:post、get

  post安全性高,提交的信息不会显示在地址栏

  get安全性较低,提交的信息显示在地址栏

  如果不写method属性,默认是get

  k、input标签 可选值:就是表单元素a-i

  l、select 下拉列表

  用法:

  

  m、 关联表单

  作用:点击名字这两个字,鼠标会聚焦在名字后面的文本框中

  三、注意:

  1、标签名应该小写

  2、HTML标签应闭合(结束)

  3、标签应正确嵌套

  四、表单属性

  1、readonly="readonly" 只读

  2、disabled="disabled" 禁用

  五、表格

  1、什么是表格?

  最简单的就是队列,表格之间,可以写东西

  2、表格怎么使用?

  先画一个大框,再画每一行,再画每一列

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  3、数据或者说是元素都可以放在td里面

  4、table的一些属性:

  width:设置宽度

  border:边框的粗细

  align:对齐方式,最常见的,center,水平对齐

  valign:对齐方式,最常见的,center,上下对齐

  cellspacing="20" :格子与格子之间的距离,默认值是0

  cellpadding="20":内容与格子之间的距离,默认值也是0

  bgcolor:更改背景颜色

  5、合并:

  colspan="2":合并单元格,横着合并

  rowspan="2":合并单元格,竖着合并

  以上这篇HTML基础笔记(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

  原文地址:http://www.cnblogs.com/w13248223001/archive/2016/07/21/5693437.html

【笔记html推荐基础】相关文章:

1.HTML基础知识

2.HTML基础练习题目

3.HTML基础知识总结

4.HTML validate HTML验证特点

5.html5与传统html区别

6.HTML5和HTML4有何区别?

7.免费的HTML编辑器推荐

8.设计师必备HTML动画工具「推荐」