HTML，CSS，JavaScript学习笔记

最新推荐文章于 2024-03-19 10:53:16 发布

Up_梅子酒

最新推荐文章于 2024-03-19 10:53:16 发布

阅读量655

点赞数

文章标签： HTML

本文链接：https://blog.csdn.net/eerywh/article/details/79855957

版权

HTML与CSS，JavaScript的区别

在HTML语言中可以直接编写CSS代码

CSS可以控制网页字体变化和大小

JavaScript语言可以和HTML语言结合，在HTML中可以直接编写JavaScript代码

JavaScript可以实现类似弹出提示框这样的网页交互性功能

HTML：hyperText Markup Language 超文本标记语言
CSS：Cascading Style Sheets 层叠样式表
JavaScript是一种脚本语言，可以和HTML语言结合，在HTML中可以直接编写JavaScript代码

HTML基本语法

单标记

表示换行

双标记，必须成对使用

属性

单标记<hr>的作用实在网页中插入一条水平线，那么这条水平线的粗细，对齐方式，宽度等就是该标记的属性

编写HTML文件的注意事项

1. 所有的标记都要用尖括号括起来

2. 对于成对出现的标记，最好同时输入起始标记和结束标记

3. 采用标记嵌套的方式可以为同一个信息应用多个标记

4. 在代码中不区分大小写

5. 任何空格或回车在代码中都无效，插入空格或回车有专门的标记，分别为&nbsp 

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”>

语法说明：expires用于设计页面过期时间，content属性设置具体过期时间值

主体内容<body>

<body bgcolor=””> 设置页面背景

<body topmargin=value leftmargin=value rightmargin=valuebottommargin=value>  设置页面边距

,body  text=””>    设计正文颜色

例：

<body text=”white” bgcolor=”red”>   设置正文文本颜色为白色，背景色为红色

添加注释<!-->

添加空格 &nbsp；

在HTML文件中，添加空格需要使用代码&nbsp；, 需要多少个空格就需要添加多少个&nbsp；

添加删除线<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>

 普通文字的显示 

 加粗的文字

 斜体的文字

</body>

语法说明：成对的标记表示加粗文字显示

 成对的标记表示斜体文字显示

确定文字上下标……

基本语法：

<body>

上标内容 

下标内容 

</body>

设置地址文字<address>

<body>

<address>添加地址信息</address>

</body>

设置等宽文字<tt>、<samp>,<code>,<kbd>

<body>

       <tt>打字机风格显示</tt>

       <code>等宽文字设置内容</code>

       <samp>等宽文字设置内容</samp>

       <kbd>键盘输入</kbd>

</body>

段落

回车 

预格式化<pre> </pre>

设置段落缩进<blockquote>

插入并设置水平线<hr>

Up_梅子酒

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML，CSS，JavaScript学习笔记

HTML与CSS，JavaScript的区别在HTML语言中可以直接编写CSS代码CSS可以控制网页字体变化和大小JavaScript语言可以和HTML语言结合，在HTML中可以直接编写JavaScript代码JavaScript可以实现类似弹出提示框这样的网页交互性功能 HTML：hyperText Markup Language 超文本标记语言CSS：Cascading Style Shee...
复制链接

扫一扫