zoukankan      html  css  js  c++  java
  • html5晋级之路-学习笔记

    由于以后公司的ios项目中会涉及到h5,所以本人发奋图强,最近开始研究其h5,这是近几天的学习笔记。望可共同学习

    html5基础

    不同于编程语言,html语言的表达力较强,多以用于编写网页,编程语言的逻辑能力较强,用于编写软件
    声明:<!doctype>为了让浏览器正确显示html5页面(这个声明不同的html语言是不一样的)
    基础标签
    <html>所有的文件都要包含其中
    <header>头部
    <head lang = “en”>设置中英文
    <meta charset = “utf-8”>设置编码格式
    <link rel =>yin 
    <title>标签,设置html文件的上标题
    <body>身体   在body中设置网页的一些内容
    h标签:标签设置标题的大小1—5
    a标签:设置超链接
    img:设置图片文本
     
     
    HTML5样式、链接和表格样式
    列表:
    <ol> 有序列表
    使用标签:<ol>、<li>
    属性:A,a,i,I,start
    <ul>无序列表
    使用标签:<ul>、<li>
    属性:disc/实心圆、circle/空心圆、square/方块的实体
    列表可以嵌套使用
     
    dl dt
    这个就没有前面的标示
    <li>列表项
    <dl>列表
    <dt>列表项
    <dd>对列表项的描述
     
    块元素
    块元素在显示时,通常会以新行开始
    如:<h1>、<p>、<ul>
     
    内联元素
    通常不会以新行开始
    如:<b>、<a>、<img>
     
     
    div元素主要是组合html元素的容器
    <div>元素
     
    <span>元素是内联元素,可作为文本的容器
    <span>元素
     
    布局
    主要有两种,一种
    <div>元素布局
    <table>元素布局
     
     
    html元素
    从开始标签到借宿标签的所有代码
    开始标签                         元素内容                      结束标签
         <p>               this is my web page                </p>
    <br/>换行空元素
    a标签属性href打开一个地址
      target属性_blank点击之后另外跳转到一个页面上
                    self不跳转
    h标签align位置设置 居左居右居中
    body bgcolor:设置背景颜色
           backgroundcolor设置背景图片
    class
    id
     
    html属性
    html格式化方式
    <b>       定义粗体文本
    <big>     定义大号字
    <em>      定义着重文字
    <i>         定义斜体字
    <small>    定义小号字
    <strong>  定义加重语气
    <sub>      定义下标字
    <sup>      定义上标字 
    <ins>       定义插入字
    <del>        定义删除字
     
     
    html的样式
    <style>:样式定义
           rel = “stylesheet”外部样式表
           type = “text/css”引入文档的类型
           margin-leftz;边距
    <link>:资源引用
    外部样式表:
          rel属性  制定文档类型 引入的地址  在外部引用css文件,将属性信息写到其内部
           <link rel=“stylesheet” type=“text/css” href = “mystyle.css”>
    内部样式
          写到style中
           <style type= “text/css”>
           body { font-size: 12px; line-height: 16px;">       p {margin-left;20x}
           </style>
    内联样式表
           <p style= “color:red">
     
     
     
    HTML的链接
           链接数据
             文本链接
             图片链接
          属性
             href属性:指向另一个文档的链接
             name属性:创建文档内的链接 (百度百科特别常用)
    img
    alt替换文本属性 如果图片地址错误,由该文字替换
    br/标签插入简单的换行符
     
     
    html的表格
    table    定义表格
    caption 定义表格标题
    th        定义表格的表头
    tr        定义表格的行
    td        定义表格的单元
    thead   定义表格的页眉
    tbody   定义表格的主体
    tfoot    定义表格的页脚  
    col       定义表格的列属性
     
     
    表格类型
    1.没有边框的表格 改变border属性
    2.表格中的表头  caption表格的表头
    3.空单元格
    4.带有标题的表格
    5.表格内的标签
    6.单元格边距 cellborder
    7.单元格间距 cellspacing单元格之间的间距
    8.表格内的背景颜色和图像
    9.单元格内部排列
    10.跨行和跨列单元格
  • 相关阅读:
    C语言预处理
    C语言结构体对齐
    C语言共用体、大小端、枚举
    C语言内存分配方法。
    C与指针(结构体指针,函数指针,数组指针,指针数组)定义与使用
    C语言中函数的传入值与传出值
    #define与typedef在重定义类型中的区别
    宏定义在位运算中的运用
    wait函数
    exit()与_exit()区别
  • 原文地址:https://www.cnblogs.com/fanxinguu/p/4707315.html
Copyright © 2011-2022 走看看