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.跨行和跨列单元格
  • 相关阅读:
    项目构建之maven篇:2.HelloWorld项目构建过程
    求最大子段和的一些算法
    多线程编程(四)--线程同步
    SICP 解题集 — SICP 解题集
    函数式编程很难,这正是你要学习它的原因 | 外刊IT评论网
    haskell,lisp,erlang你们更喜欢哪个?
    欧舒丹 L'Occitane 活力清泉保湿面霜
    段子
    宽带中国战略_百度百科
    brutal是什么意思_brutal在线翻译_英语_读音_用法_例句_海词词典
  • 原文地址:https://www.cnblogs.com/fanxinguu/p/4707315.html
Copyright © 2011-2022 走看看