HTML标记【各种标记的使用】！

http://fung2005.bokee.com/2442136.html

这次我们讲HTML标记的使用方法
大家记住在制作HTML文件时，在标记的使用上，使用英文字母的大小写并无分别，换句话说，<html>、<Html>、<HTML>都是一样的。
在前两节我们已经介绍了HTML标记大部分是以两个为一组<head>和<body>，在每个HTML标记中，还可以设置一些属性，控制HTML标记所建立的组件。例如：
<标记名称属性1=值1 属性2=值2>
而结束标记的建立方式则为：
</标记名称>
因此，在HTML文件中某个组件的完整的语法应该这样写：
<标记名称属性1=值1 属性2=值2>组件资料</标记名称>
下面的叙述将利用<p>标记的Align（Align:排列）属性，我们把“语言编程”这四个字所组成的段落中对齐的方式。
<p align=center>语言编程</p>
这是一个文字居中的效果，也可用：<center>语言编程</center>
两个命令的效果都是一样的，大家可以试试！
下面我们一起做一个关于这个语法的实例：
<html>
<head>
<title>我的网页</title>
</head>
<body>
<center>语言编程</center>
</body>
</html

空格符号&nbsp的使用
例：信物     席摹容
=================================================
居中对齐标记<center>
例：
<center>
清平调<br>
云想衣裳花想容，<br>
春风拂槛露华浓，<br>
若非群山玉头见，<br>
会向瑶台月下逢。<br>
</center>
=============================================
向右缩进标记<blockquote>
例：
<body>
清平调
<blockquote>
云想衣裳花想容,
</bockquote>
春风拂槛露华浓，
<blockqueote>
若非群玉山头见，
</blockquote>
会向瑶台月下逢。
</body>
===========================================
标记<Hn>的使用

<Hn>在HTML中共有6个层次标题，因此n的范围为1-6。
例：
<body>
<h1>标题文字1</h1>
<h2>标题文字2</h2>
<h3>标题文字3</h3>
<h4>标题文字4</h4>
<h5>标题文字5</h5>
<h6>标题文字6</h6>
</body>
===============================================
标题文字align的对齐方式
在<hn>标记中较为常用的属性为align，此属性用于控制标题的对齐方式，

设置值                  对齐方式
left                     左对齐
center                  居中对齐
right                     右对齐

语法如下<Hn align=left或center或right>要控制的文字</Hn>
=====================================================
<font>字体标记

<font>字体标记用于控制文字的字体、大小与颜色，控制方式是利用属性设置实现。
属性              使用功能
face             控制文字使用的字体
size             控制文字的大小
color            设置文字的颜色

<font>字体标记属性的语法是:
<font face=值1 size=值2 color=值2>要控制的文字</font>
============================
设置字体——face属性
<font face=字体名称>要控制的文字</font>
例:
<body>
<font face=楷体>
虞美人</font>
<pre>春花秋月何时了往事知多少
小楼昨夜又东风故国为堪回首月明中
雕栏玉砌应犹在只是朱颜改
问君能有几多愁恰似一江春水向东流
</pre>
</body>
====================================
设置文字大小——size属性
<font size=字体大小等级>要控制的文字</font>
例:
<body>
<font size=6>
虞美人</font>
<pre>春花秋月何时了往事知多少
小楼昨夜又东风故国为堪回首月明中
雕栏玉砌应犹在只是朱颜改
问君能有几多愁恰似一江春水向东流
</pre>
</body>
=====================================
设置文字的颜色——color属性
<font color=颜色>要控制的文字</font>

<body>
<pre>
虞美人
<font color=#00ff00>
春花秋月何时了往事知多少</font>
小楼昨夜又东风故国为堪回首月明中
雕栏玉砌应犹在只是朱颜改
问君能有几多愁恰似一江春水向东流
</pre>
</body>
======================================
OK！我们一起做一个练习题：
默认字体文字
蓝色黑体文字大小为1
红色华文细黑字体大小为4
绿色华文行楷字体文字大小为7！

例：
<html>
<head>
<title>使用<font>标记搭配各种属性</title>
</head>
<body>
默认字体文字<br><br>
<font face="楷体" size=1 color=blue>
蓝色楷体文字大小为1
</font><br><br>
<font face="华文细黑" size=4 color=red>
红色华文细黑字体大小为4
</font><br><br>
<font face=华文行楷 size=7 color=green>
绿色华文行楷字体文字大小为7
</font>
</body>
</html>

今天我们学得有：空格符号&nbsp、居中对齐标记<center>、向右缩进标记<blockquote>、标记<Hn>的使用、标题文字algn的对齐方式、<font>字体标记、设置字体face属性、设置文字大小size属性、设置文字的颜色color属性。

HTML标记【各种标记的使用】！相关推荐

去除字符串中的html标记及标记中的内容
去除字符串中的html标记及标记中的内容 --1.创建函数 create function [dbo].[clearhtml] (@maco varchar(8000)) returns varcha ...
html(+css)/01/html语言基础，标记，标记语法，html文档结构
厚积薄发 html(+css)/01/html语言基础,标记,标记语法,html文档结构工资:4500元左右/月最好的学习html的方法,就是多参考别人的网页源代码: 查看源代码: 1,打开网页/ ...
html图层标记,图层标记和合成标记
使用合成标记和图层标记可存储注释和其他元数据,以及标记合成或图层中的重要时刻.合成标记显示在合成的时间标尺上,而每个图层标记显示在相应图层的持续时间条上.两种标记都可以保存相同的信息. 标记可以指单个 ...
vue实现消息badge 标记_Badge 标记
Badge 标记 Badge 标记出现在按钮.图标旁的数字或状态标记. 基础用法定义value属性,它接受Number或者String. 评论回复点我查看评论回复 .item { marg ...
C语言实现：扫雷小游戏（递归展开+标记/取消标记）详细版教程
文章目录 @[TOC] :video_game:前言一.游戏效果展示二.代码基本思路讲解 :video_game:具体实现一.菜单栏函数(test.menu)的编写(test.c中) 二.游戏函 ...
【五线谱】高低八度标记 ( 高八度标记 | 标记范围的音符整体提升一个八度 | 低八度标记 | 标记范围的音符整体降低一个八度 )
文章目录一.高低八度标记 1.高八度标记 2.低八度标记一.高低八度标记在五线谱中 , 如果遇到节奏的音高很高 , 则需要在五线谱上加很多上加线 , 这种情况 , 也可以使用高低八度标记进行 ...
html列表用标记,html标记列表应用
Gentoo/Funtoo USE标记介绍 Gentoo/Funtoo USE标记 USE的简单理解如下:一个软件不只包含软件本身,还包括其组件,如,文档,插件,GUI支持等.USE就是用来标记是否要 ...
java 标记_java – 标记注释与标记接口
在阅读有关Marker接口的文章时,我偶然发现了以下网站:Item 37: Use marker interfaces to define types 根据Joshua Bloch的说法,Marker ...
HTML高德地图标注,文本标记-点标记-示例中心-JS API 示例 | 高德地图API
文本标记 html, body, #container { height: 100%; width: 100%; } var map = new AMap.Map("container&qu ...
HTML标记【标记br和p的使用】！
换行标记<br>的使用换行标记<br>是一个没有结尾的标记,HTML文件中任何位置只要使用了<br>标记,当文件显示在浏览器中时,该位置之后的文字将显示于下一行, ...

HTML标记【各种标记的使用】！

HTML标记【各种标记的使用】！相关推荐

最新文章

热门文章