zoukankan      html  css  js  c++  java
  • Html基础篇


     概要

            


    html:全称Hyper TextMarkup Language:网页超文本标记语言;描述性标记语言,通过浏览器的解释和编译显示


    所标记的内容可以使用记事本或者Dreamweaver编写。


     基本结构


     基本标记


    html中所有的标记的格式:<标记符>内容</标记符>


    Head 元素:包括标题(title 基础信息 元信息(meta);作用整篇文档,但不会在网页上直接显示。


    title元素:说明页面用途,显示在浏览器的标题栏中。


    如:<title>牛腩新闻</title>


    meta元素:定义页面说明信息;与其他标记不同,无需设置结束标记,有name http-equiv两个属性。


    如:<meta name="author" content="niunan">

    <meta http-equiv="属性" content="属性值">


    body元素:包括在浏览器中要显示的所有信息。如:背景色的设置 文字的大小 颜色 等。


    常用属性设置

    bgcolor:背景颜色

    background:背景图片

    如:<body>background="图片地址"</body>

    text:文字颜色

    link:链接文字颜色

    alink:正在访问文字颜色

    vlink:访问过后的文字颜色

    margin:页面与浏览器边框之间的距离;一般设置为0这样不会产生很多空白。


    注释标记


    <!--注释内容-->


    文本标记


    标题

    一共有<h1><h6>六个级别来标识;依次减小,h6最低。

    对齐

    alignleft

    左对齐

    alignright

    右对齐

    aligncenter

    居中对齐


    Font 标记


    控制字体 字号 颜色等。


    属性

    face属性用于设置字体

    如:<font> face="楷体"</font>

    size属性用于设置字体大小

    如:<font>size="9"</font>

    color属性用于设置字体颜色

    如:<font> color="属性值"</font>


    bstrong标记


    用来加粗字体

    如:<b>要加粗的字体</b>


    iemcite 斜体标记


    都是用来将字体改变为斜体的标记

    如:<i>要变为斜体的字体</i>


    Sup 上标标记 sub下标标记


    就是像在一些数学公式中的几次方的上标标记

    如:<sup>上标内容</sup>


    p段落标记


    用来起始一个新的段落


    br换行标记 nobr不换行标记


    hr插入水平线标记


    图像


    插入图片的标记img


    常用属性值:

    属性

    描述

    Src

    图像的源文件地址;如:<img>src="图像的文件地址"</img>

    Alt

    提示文字;如:<img>alt="图像提示文字"</img>

    widthheight

    高度和宽度;

    Border

    边框

    Vspace

    垂直间距;

    Hspace

    水平间距;

    Align

    排列对齐;属性值有bottom底部对齐;topmiddleleftcenterright

    Dynsrc

    设定avi文件的播放;如:<img></img>

    Loop

    设定avi文件循环播放次数;如:<img></img>

    Loopdelay

    设定avi文件循环播放延迟;如:<img></img>

    Start

    设定avi文件播放方式;如:<img></img>

    Lowsrc

    设定低分辨率图片;如:<img></img>


    图片的超链接


    与文字类似也是用a标签来实现的。

    如:<a href ="链接地址"> img src="图像文件的地址"</a>


  • 相关阅读:
    Android AlertDialog警告对话框实现
    Android状态栏通知Status Bar Notification
    Android spinner控件的实现
    Winform之UI后台线程
    Winform之自定义控件
    WebForm原理,aspx服务器端与客户端源码比较
    IHttpModule之闲扯
    [算法]方正面试题:N×N矩阵螺旋打印输出
    DOTA版设计模式——工厂方法
    Window服务
  • 原文地址:https://www.cnblogs.com/guziming/p/4232728.html
Copyright © 2011-2022 走看看