热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

1html学习(1)

1html绝大多数标签具有属性,建议属性值使用引号引起来;大多数标签可以嵌套;html文件后缀是html或者htm1.1空的标签没有
1 html
  • 绝大多数标签具有属性,建议属性值使用引号引起来;
  • 大多数标签可以嵌套;
  • html 文件后缀是 html 或者 htm

1.1 空的标签


  • 没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的;

  • 就是没有关闭标签的空元素(
    标签定义换行)
  • 建议使用

1.2 html 大小写不敏感


  • 建议使用小写

2 新建静态网页项目

在这里插入图片描述

  • html 4 测试


<html>
<head><meta http-equiv&#61;"Content-Type" content&#61;"text/html; charset&#61;UTF-8"><title>HTML 4 测试title>
head>
<body>body>
html>

3 文件标签

3.1 html标签


  • 整个文件都处于标签中;
  • 在HTML文件有两部分

3.2 head标签


  • 用于加载一些重要的资讯,它的内容不会被显示&#xff0c;只有的内容才会被显示

3.3 title标签


  • 只能出现于中。它代表的是标题

3.4 body标签

常用属性&#xff1a;background,bgcolor

4 块标签

4.1 div


  • 在文档中设定一个块区域&#xff1b;
  • 常用属性 align

4.2 span


  • 用于在行内设定一个块区域;
  • Html中绝大多数元素被定义为块级元素或内联元素;
  • 块级元素在浏览器显示时&#xff0c;通常会以新行来开始。例如 div p等;
  • 内联元素在浏览器显示时&#xff0c;通常不会以新行来开始&#xff0c;span

5 排版标签

5.1 注释


  • html中注释是

5.2 p

-

标签是段落标签&#xff0c;可以将html文档分割为若干段落。浏览器会自动在段落前后添加空行&#xff1b;

5.2 br


  • 换行标签

5.3 hr


  • 会生成一条水平线;
  • align:设置水平线对齐方式 可选值 left right center;
  • size:设置水平线厚度 以像素为单位。默认为2;
  • width:设置水平线长度.可以是绝对值或相对值。默认为100%
  • color:设置水平线颜色.默认为黑色

6 字体标签

6.1 font


  • 用于规定文本的字体&#xff0c;大小&#xff0c;颜色;

6.2 h1-h6


  • 定义标题
  • h1 最大标题

7 列表标签

7.1 ul


  • 无序列表
  • type:规定列表的项目符号类型,可取值 disc,square,circle.默认值为disc

7.2 li


  • 表示的是一个列表项;
  • type:这个属性只适用于无序列表&#xff0c;用于设定项目符号&#xff0c;默认值为disc;
  • value:这个属性只适用于有序列表&#xff0c;用于设定列表的项目数字;

7.3 ol


  • 有序列表&#xff1b;
  • type:这个属性规定列表中使用的标记类型;
  • start:这个属性规定列表的起始值

8 图形标签
  • 是一个图片标签&#xff0c;用于在页面上引入图片;
  • src:用于设定要引入的图片的url;
  • alt:用于设定图像的替代文字,如果图片不存在时&#xff0c;会出现;

9 链接标签 a
  • 定义超连接&#xff0c;用于从一个页面链接到另一个页面;
  • href:用于设定链接指向页面的url;
  • name:用于设定锚的名称;
  • target:用于设定在何处打开链接页面;_blank:在新页面中打开;

10 表格标签 table
  • align:用于设定表格的对齐方式;
    -bgcolor:用于设定表格的背景颜色;
  • border:用于设定表格边框的宽度;
  • width:用于规定表格的宽度。

10.1 tr


  • 标签用于定义表格的行,包含一个或多个thtd元素;
  • align:用于设定表格中行的内容对齐方式;
  • bgcolor:用于设定表格中行的背景颜色

10.2 td


  • 标签用于定义表格单元

10.3 caption