- HTML与CSS,JavaScript的区别
在HTML语言中可以直接编写CSS代码
CSS可以控制网页字体变化和大小
JavaScript语言可以和HTML语言结合,在HTML中可以直接编写JavaScript代码
JavaScript可以实现类似弹出提示框这样的网页交互性功能
- HTML:hyperText Markup Language 超文本标记语言
- CSS:Cascading Style Sheets 层叠样式表
- JavaScript是一种脚本语言,可以和HTML语言结合,在HTML中可以直接编写JavaScript代码
HTML基本语法
- 单标记
<br>表示换行
- 双标记,必须成对使用
属性
单标记<hr>的作用实在网页中插入一条水平线,那么这条水平线的粗细,对齐方式,宽度等就是该标记的属性
编写HTML文件的注意事项
1. 所有的标记都要用尖括号括起来
2. 对于成对出现的标记,最好同时输入起始标记和结束标记
3. 采用标记嵌套的方式可以为同一个信息应用多个标记
4. 在代码中不区分大小写
5. 任何空格或回车在代码中都无效,插入空格或回车有专门的标记,分别为  <br>
6. 标记中不要有空格,否则浏览器可能无法识别
7. 标记中的属性,可以用双引号引起来,也可以不用,例如
<hrcolor=”red”> <hrcolor=red>
常用的标记:
<p></p>表示插入段落文字
<table></table>是制作表格标记
<tr></tr>代表插入行,一对标记代表一行
<td></td>标记表示一列
设置基底网址<base>
基底网址用于设定浏览器中文件的路径,<base>标记一般用于设计文件的URL地址,一个HTML文件只能有一个<base>标记,同时该表及必须放于头文件中
<html>
<head>
<title>设置基地网址</title>
<base href = “文件路径“target=“目标窗口”>
</head>
<body>
</body>
</html>
href 用于设置网页文件链接的地址,target用于设置页面显示的目标窗口
定义元信息<meta>
当利用浏览器查看网页的源文件时,不难发现网页的头部文件中都有<meta>标记,该标记的主要功能是定义页面中的一些信息,但这些信息不会出现在网页中,而会在源文件中显示在HTML文件中,<meta>标记通过一些属性来定义文件的信息,例如,文件的关键字,作者信息等,HTML文件的头部文件可以有多个<meta>标记,<meta>标记不是成对的标记
<meta http-equiv=”” name=”” content=””>
语法说明: <meta>标记中的http-equiv属性用于设置一个http的标题域,但确定值由content属性决定,name属性用于设置元信息出现的形式,content属性用于设置元信息出现的内容
设置页面关键字———keywords
<meta name=”keywords” content =”value”>
语法说明:keywords用于说明定义的是关键词,value用于说明为该网页定义的关键词,可以是多个关键词
例:
<html>
<head>
<title>设置文件关键词</title>
<meta name=”keywords”content=”计算机、英语、经管“>
……
</head>
<body>
……
</body>
</html>
设置页面过期时间——expires
<meta http-equiv=”expires” content=”value”>
<meta http-equiv=”expires” content=”value”>
语法说明:expires用于设计页面过期时间,content属性设置具体过期时间值
主体内容<body>
<body bgcolor=””> 设置页面背景
<body topmargin=value leftmargin=value rightmargin=valuebottommargin=value> 设置页面边距
,body text=””> 设计正文颜色
例:
<body text=”white” bgcolor=”red”> 设置正文文本颜色为白色,背景色为红色
添加注释<!-->
添加空格  ;
在HTML文件中,添加空格需要使用代码 ;, 需要多少个空格就需要添加多少个 ;
添加删除线<del>
在HTML中,给需要添加删除线的文字使用成对的<del></del>标记,就可以添加删除线
文字效果
- 设置文字标注标记<ruby>
基本语法:
<ruby>
被说明的文字
<rt>
文字的标注
</rt>
</ruby>
语法说明:利用成对的<ruby><rt>…</rt></ruby>标记,可以对网页中的文字进行标注
例:
<html>
<head>
<title>设置文字标注标记</title>
</head>
<body>
<ruby>
当代最可爱的人
<rt>
志愿军
</rt>
</ruby>
</body>
<html>
- 文字修饰
基本语法
<body>
普通文字的显示<br>
<b>加粗的文字</b>
<i>斜体的文字</i>
</body>
语法说明:成对的<b></b>标记表示加粗文字显示
成对的<i></i>标记表示斜体文字显示
- 确定文字上下标……<sup></sub>
基本语法:
<body>
<sup>上标内容</sup><br>
<sub>下标内容</sub><br>
</body>
- 设置地址文字<address>
<body>
<address>添加地址信息</address>
</body>
- 设置等宽文字<tt>、<samp>,<code>,<kbd>
<body>
<tt>打字机风格显示</tt>
<code>等宽文字设置内容</code>
<samp>等宽文字设置内容</samp>
<kbd>键盘输入</kbd>
</body>
段落<p>
回车<br>
预格式化<pre> </pre>
设置段落缩进<blockquote>
插入并设置水平线<hr>