Web前端开发

Web前端开发，包含特殊符号、链接标签、img、表单组成、列表标签、表格（展示数据）标签、布局等。

Web前端开发

• 表格（展示数据）标签
  • table:最外面一层
  • tr:行，必须镶嵌在table内
  • td:单元格，必须镶嵌在tr内
  • th:表头单元格标签（居中加粗）
• 布局
  • div(division:分割，分区)
    • 一行只能放一个div.大盒子
  • span(跨度，跨距)
    • 一行上可以放多个。小盒子
• 列表标签
  • 无序列表
    • <ul></ul>里面只能放<li></li>,<li></li>里面可以放任何元素
  • 有序列表
    • <ol></ol>里面只能放<li></li>,<li></li>里面可以放任何元素
  • 自定义列表
    • <dl><dt(名词)><dd（名词解释）></dd></dt></dl>
• 表单组成
  • 表单域
    • <form action="url地址" method="提交方式" name="表单域名称">
      • 1.在我们写表单元素之前应该有关表单域将他们包含 2.表单域是form标签
      • 标注
        • 1.在我们写表单元素之前应该有关表单域将他们包含
        • 2.表单域是form标签
  • 表单控件
    • 1.input（单标签）输入表单元素-<input type="属性值"/>
      • type设置不同属性值来指定不同的控件类型 
      • 标注
        • type设置不同属性值来指定不同的控件类型
        • 子主题
      • 单选按钮的name属性值必须一致
    • 2.select下拉单元素
    • 3.textarea文本域元素
  • 提示信息
• img
  • src（属性）
  • alt(替换文本，图像显示不出来的时候用文字替换)
  • title（提示文本，鼠标放到图像上提示的文字）
  • width，heigh（一般只设置一个，等比缩放）
  • border(给图像设置边框 css)
• 链接标签
  • a href
    • 1.外部标签http://开头
      • target
        • -blank:新窗口打开页面
        • -self:当前窗口打开页面
    • 2.内部链接（网站内部页面之间的链接）
    • 3.空连接#
    • 4.下载链接（.exe/zip）
    • 5.网页元素链接
    • 6.锚点链接（快速定位到页面中某个位置）
• 特殊符号
  • 空格符：&nbsp
  • 大于号:&gt
  • 小于号:：lt
• CSS（选择器加多条声明）
  • 例：h1(选择器){color：red；font-size:25px(声明-属性：值)}
  • 1，属性值前面，冒号后面，保留一个空格；2，选择器（标签）和大括号中间保留一个空格
  • 标注
  • 选择器
    • 基础选择器
      • 标签选择器
        • html标签名
      • 类选择器（单独选择一个或几个标签）
        • 需要用class属性，class属性中可写多个类名，多个类名中间必须用空格隔开
        • 样式点定义，结构类（class）调用,一个或多个，开发最常用
      • id选择器
        • id属性，“#”定义
          • 只能在HTML文档中出现一次
      • 通配符选择器
        • “*”定义，给所有元素使用样式
    • 复合选择器