Web html第一次课

元素：HTML的元素是构成HTML文档的基本单位，它通常由起始标记、内容和结束标记三个部分组成，例如：<title> 网页- </title>

标记：标记是指由"<"和">"括起来的具有特定含义的字符串

属性：用来对标记作用的内容添加一些格式或者要求的内容，由属性名和属性参数值两部分组成

示例1

代码解释

 示例2

代码解释

 弹窗效果：

案例3  标题字（换行+空一行，块级标记）

 基本语法：

 <h# align="left |center |right |justify |">标题文字</h#>

例：

<h4 align="right">四级标题</h4>

注：

align为字体的对齐方式  left左对齐 center居中 right右对齐 justify两端对齐

#=1,2,3,4,5,6  等于1时文字最大，等于6时文字最小

案例4 段落标记（块级标记）

 基本语法：

<p>内容</p>   

属性：align(对齐方式）="left/center/right/justify"

例如：<p align="center">....</p>

案例5 滚动字幕（块级标记）

网页效果：

例如：

<marquee direction ="right">今天太阳好大<marquee>

<marquee direction ="left">今天太阳好大<marquee>

<marquee direction ="up">今天太阳好大<marquee>

<marquee direction ="down">今天太阳好大<marquee>

注：

黄色字体为滚动方式，right从左到右，left从右到左，up从下往上，down从上往下

案例6 换行、水平线标记

换行  <br/>   

水平分隔线   <hr width=" " size=" " color=" " align=" "> 

例：<hr/ color="red" size="4" width="800" align="right">

              水平线的颜色       尺寸大小            对齐方式

案例7 预排版标记

 基本语法：

<pre>...</pre>

注：记事本上写的是什么排版，网页上呈现的就是什么样子

实例8 字体样式标记

 粗体：<b>...</b>  <strong>...</strong>

斜体：<i>...</i>  <em>...</em>  <address>...</address> 该标记表示HTML文档的特定信息，例如作者、地址等

下划线：<u>...</u>

上标：^...

下标：_...