zoukankan      html  css  js  c++  java
  • HTML基础

    HTML
    标记:HTML用于描述功能的符号,称为 标记,比如<p>,<h1>; 标记会导致不同的显示效果
     
    ------封闭类型标记:必须成对出现  <p></p>
    ------非封闭类型标记,也叫空标记和单标记:如 <br>  <br/>
     
    元素和属性:
      元素:既标记
      属性:用来修饰元素的,一个标记有一个或一个以上的属性,中间用空格隔开
     -----通用属性(标准属性)
            ----id   title  class  style
     
    注释:<!--  -->
    文档类型的声明:
      在文档启始用 DOCTYPE指定版本和风格,告诉浏览器文档的版本、类型和风格
             文档类型声明:过渡型,严格型 框架性
    <head> 元素
       用于定义页面的全局信息,可以包含
    title
    mata   定义网页的基本信息,
    script 
    link
     
    标题元素让文字4以醒目的方式显示,常常用于文章的标题
       基本语法 :<h#></h#>  #=1,2,3,4,5,6  标题1 到标题6  慢慢变小
     
    段落元素:<p>
      结构化文本的一种方式 ;<p>  元素中的文本会用单独的段落显示  常用的属性 :align
      换行: <br/>
     
    分区元素 <span> 和<div> : 常用于页面布局
    块分区元素: <div></div>
    行内分区元素: <span></span> :设置同一行文字的不同格式
           <div style="color:blue;">
                <p>first </p>
                <p>second</p>
           </div>
      <p>   小米是个好<span style="color:red;">孩子</span></p>
     
    行内元素和块内元素:
    -----  块级元素:默认情况,块级元素会独占一行,就是元素前后都会自动换行;如 <p>  <div>  <hn>
     
    ------行内元素:不会换行 <span> <a>
     
    URL:统一资源定位器,用来标识网络中的任何资源;
     ---完整的URL的组成:
                协议,机名,路径名 文件名
     
    图像元素<img>
    ------使用<img>元素将图像添加到页面
         -----空标记
    必须属性:src
    常用属性:width、height
          <img with="100" src= "image/rose.jpg"/>
     
    链接元素<a>
            ----使用<a> 元素 创建一个超级链接,语法如下:
      <a href=""  target=" ">文本</a>
                -----href属性:链接URL
                -----target属性:目标,可取值为  _blank:在浏览器的新的窗口打开   _self等
     
    锚点:
       锚点是文档中某行的一个记号
       -----用于链接到文档的某个位置
    定义锚点:
     <a name="name1">锚点一</a>
    链接到锚点:在锚点名前加上 #
      <a href = "#a>回到锚点</a>
     
    列表的作用:
       ----列表是指具有相似特征或者具有先后顺序的几行文字进行对齐排列
    所有的列表都由列表类型和列表项组成
          --列表类型:有序列表 <ol> 和无序列表 <ul>
                     
          --列表项:<li>,用于指示具体的列表内容
      
    列表的嵌套:将列表元素嵌套使用,可以用来多层列表,常用于创建文档大纲,导航菜单等
     
     
    表格的作用:用来组织结构化的信息
          ----定义表格:<table></table>
          ----创建表行:<tr></tr>
          ---创建单元格  <td><td>
    表格的常用属性:
      ------<table>
           --border
           --width/heigth
           ---align
          ----cellpadding: 单元格边框和内容之间的间距
          ----cellspacing:单元格之间的间距
    <tr>元素
          ---align/ valign
    表格的标题: <caption>
        ------定义在<table> 之后,一个表格只能定义一个标题
    行分组:
       表格划分为3个部分:
                表头  <thead></thead>
                表主体:<tbody><tbody>
                表尾: <tfoot><tfoot>
    不规则的表格
        设置单元格<td>的跨行或者跨列的属性
      -----跨行:colspan 
               ----水平方向延伸单元格,值为一个整数
      ------跨列 :rowspan
                     垂直方向的单元格
    表格的嵌套:
         ------嵌套表格 
                  ----在单元格中放置另外一个表格
                  ----<td>元素再包含<table>元素
     
     
    表单
        ----定义<form></form>
        ----主要属性:
              ---action:定义表单提交的动作 (url)
              ----method:表单提交的方式 get 或post
              ----enctype: 表单数据进行编码的方式
              -----name:表单的名称
    表单控件
        --input元素:文本输入控件,按钮,单选和复选按钮,选项框,文件选择框和隐藏控件
               主要属性:type:
                                 value:控件的数据
                                 name:控件的名称
        --textarea元素
         --select和option元素
         --其他元素
     
    文本框和密码框:    
          <input type="text"password"/>
                 value属性:由访问者自由输入任何文本
                maxlength属性:限制输入的字符数
                readonly属性: 只读属性
     
    单选框和复选框: 
       type=“radio” 或type=“checkbox”
    主要属性:
          --value:文本
          --name : 用于实现分组
         ---checked:设置选中
     
    按钮:         
     提交:type="submit";
     重置按钮: type=“reset”
    普通按钮: type = “button”
     主要属性:   -----value:按钮的标题文本
     
    隐藏域和文件选择框:
        <input type="hidden"/>   在表单中不希望用户看见的信息
    文件选择框:<input type="file"/>
     
    表单:    
       <label>元素
    -----<label> 文本</label>
    ------主要属性: 表示与该元素相联系的控件ID值
     
     选项框
         <seclet>:创建选项框
              --name:选项框名
              --size:大于1.则为 滚动列表
              ---multiple: 设置多选
       <option>:选项
                --value:选项的值
                --selected:预选中
     
    <textarea>
       多行文本输入框
          --<textarea>文本</textarea>
    主要属性:
        ---cols:指定文本区域的列数
       -----rows:指定文本区域的行数
     -------readonly:只读
     
    为控件分组:     
      <fieldset> 元素:为控件分组
      <legend> 元素:为分组指定一个标题
  • 相关阅读:
    java 将动作和名字绑定
    java 切换不同的显示风格
    java 背景颜色更改
    java 图像显示
    java 字符串
    java 2D 绘图
    java jFrame
    java bitset and C++ bitset
    踏得网
    纯CSS画的基本图形(矩形、圆形、三角形、多边形、爱心、八卦等)
  • 原文地址:https://www.cnblogs.com/hdutang/p/5287961.html
Copyright © 2011-2022 走看看