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>


原文地址:https://www.cnblogs.com/guziming/p/4232728.html