HTML基本标记

HTML文件基本结构

<html>
文件开始部分
<head>
文件头
head>
<body>
文件体
body>
html>

body体
bgcolor:背景色

bgcolor="#334545"

background:背景图片
background=“图片地址”

text:文字颜色

text="#656787"

段落标记:p
换行标记:br

<p>1 2 3<br> 4 5 6<br> 7 8 9p>

HTML基本标记_第1张图片

link:链接文字属性颜色
alink:正在访问链接文字颜色
vlink:访问后链接文字颜色

magin:边距
分为top magin(上边距) 和left magin(左边距)

topmagin="100"
leftmagin="100"

页面注释

标题字标签h

<body align=center>
<h1>标题1h1>
<h2>标题2h2>
<h3>标题3h3>
<h4>标题4h4>
<h5>标题5h5>
<h6>标题6h6>
body>

HTML基本标记_第2张图片

标题字对齐
align:center、left、right

<h1 align="center">标题1h1>

文字基本标记
font
face:字体
size:字号
color:颜色

<p><font face="宋体" size="10" color="#990055">123font> p>

加粗:b、strong,两者作用一样
大字号标记:big
小字号标记:small
(可叠加)

<b>1b>
<strong>1strong>

斜体文字:i,em,cite,三者作用一样

sup:上标 sub:下标

<p>a<sup>2sup>+b<sup>2sup>=c<sup>2sup>p>
<p>H<sub>2sub>SO<sub>4sub>p>

HTML基本标记_第3张图片

下划线标记:u

水平线hr
包含:width,size(高度)、color、align、noshade(去阴影)

noshade 实例

<body align=center>
<p>这是题目p>
<hr width="200" size="6"  align=center >
<p>这是内容p>
<hr width="200" size="6" align=center noshade="1" >
body>

HTML基本标记_第4张图片

当为水平线设置颜色之后,则没有了效果

<body>
<p>这是题目p>
<hr width="200" size="6"  align=center color="#254256">
<p>这是内容p>
<hr width="200" size="6" align=center noshade="1" color="#254256" >
body>

HTML基本标记_第5张图片

你可能感兴趣的:(html,html)