HTML笔记

HTML (超文本标签语言)HyperText Markup Language

HTML简介

标签:以< 符号开始,> 符号结束

标签对:成对出现的标签   标签对只能控制标签对里面的内容
    空标签:只有开始标签无结束标签。如:<br>换行

标签的属性:写在标签里面。 如:<font color=”red”>hello</font> color即为属性,red为属性的值。 注:属性的值也可不加双引号,但为了区分其他脚本语言,通常在属性的值上加上双引号。

 

HTML全局架构标签

HTML的注释:对HTML代码进行说明,并且不会显示在HTML页面上,写法为:<!--  -->

HTML文档的结构被划分为head和body两部分:

<html>



  <head></head>  <!--对于html文档的一些控制-->



  <body></body>  <!--真正显示在网页里的内容 -->



</html>

 

head里常用标签对有<title></title>

 

body常用属性有background(用来设置背景),bgcolor(用来设置背景颜色) topmargain、leftmargain(设置网页中的内容距离浏览器上边距的距离)如:

<body bgcolor=”颜色”,background=”图片位置”></body>

 

body标签对中一些其他的属性:

text:用来设定网页中文本的颜色

link:用来设定一般超链接的颜色

alink:用来设定鼠标移动到超链接上时,超链接文本的颜色

vlink:用来设定访问过的超链接文本的颜色

class,name,id,style等属性

 

特殊字符: 以 & 符号开始 ; 结束的字符

特殊字符存在的意义: 由于HTML中有些字符已经有了一些特殊的含义(如:<符号,为标签的开始),所以为了区分开来,有了特殊字符的存在。

一些常用的特殊字符:

 

<   &lt;

>   &gt;

&   &amp;

“    &quot;

®    &reg;

©    &copy;

™    &trade;

空格   &nbsp;

例题:如果标签的属性class的值是’Z’x”x,那么下列哪种选项是正确的()

  1. <body class=’Z’x”x>
  2. <body class=’ ’Z’x”x’>
  3. <body class=” ’Z’x”x”>
  4. <body class=” ’Z’x&qout;x”>

正确答案: D

 

格式标签及标签对:

<p></p>:段落(有align属性,值可以是left , right和center)

<br>换行

<nobr></nobr>:防止浏览器将过长内容自动换行

<blockquote></blockquote>:文本缩进

<center></center>

<marquee></marquee>:移动显示文本(属性behavior的slide(移动一次),scroll(循环移动),alternate(来回移动);属性direction的值(up,down,left,right)控制要移动到方向)

<dl></dl>、<dt></dt>、<dd></dd>创建列表

<ol></ol>数字列表、<ul></ul>圆点列表 每项在列表嵌入<li></li>标签对

<pre></pre>:对文本进行格式化处理:按照原样输出

文本标签及标签对

<h1></h1>标题标签对(可从1-6对标题进行设置)

<b></b>粗体  <i></i>斜体  <u>下划线</u>  <em></em>粗体加斜体  <strong></strong>黑体加粗体

<sup></sup>上标  如:2的平方为:2<sup>2</sup>  <sub></sub>下标

<font></font>对字体进行设置(通过其color属性设置颜色,size属性设置字体大小,face属性设置字体)

 

超链接

从一个网页指向另一个网页或目标关系的媒介。写法为:<a href=”url地址”></a>

url地址的组成:(协议://IP地址:端口号/资源地址) 网页中用的是域名代替IP地址

网页地址的端口号默认为80,资源地址为当前网页的地址

 

绝对url:完整的地址

相对url:没有协议,IP和端口号的地址

 

<embed></embed>插入背景音乐通过设置src属性来选择音乐资源地址,hidden属性(值为true、false)来设置播放器是否可见 starttime属性用来设置开始时间 width、height用来设置播放器的宽和高

<bgsound></bgsound>也可用来设置背景音乐

你可能感兴趣的:(html)