温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

HTML中有哪些基础知识点

发布时间:2022-02-22 09:32:01 来源:亿速云 阅读:130 作者:iii 栏目:开发技术

本篇内容主要讲解“HTML中有哪些基础知识点”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“HTML中有哪些基础知识点”吧!

一、 HTML的基本结构

<head>
    <title>网页的标题</title>
    <meta charset="utf-8"/>
</head>
<body>
    写网页的主体
</body>

注意:写完代码记得将格式保存为 .html(推荐) htm xhtml HTML 的基本结构详解

1.<html>内容</html>解释:HTML 文档的文档标记,也称为 HTML 开始标记 功能:表示网页的开始和结束

2.<head>内容</head>解释:HTML 文件头标记,也称为 HTML 头信息开始标记 功能:用来包含文件的基本信息,比如网页的标题、关键字,在内可以放、、等等标记 注意:当中的内容不会在浏览器当中显示

3.<title>内容</title>解释:HTML 的标题文件 功能:网页的主题,显示在浏览器的窗口的左上边!

4.<body>内容</body>解释:HTML 文档的主体标记 功能:…是网页的主体部分,在此标记之间可以包含如<p></p>、<h2></h2>、<br>、<hr>等等标记,正是由这些内容组成了我们所看见的网页

二、HTML的基本标签

1、格式标签:
  • 段落标签:格式:<p>你要分段的内容</p> 功能:对网页上的文字进行分段特点:间距比较大

  • 换行标签格式:你要换行的文字后面直接加标签:<br/>注意:它是一个单标签

  • 居中对齐标签格式:<center>你要居中的内容</center>让段落或者文字能够相对于父标签居中显示

2、文本标签
  • 标题标签:格式:<h2>标题</h2>...<h7>标题</h7> 功能:定义网页中的文字标题特点: 标题标签独占一行

  • 字体设置标签:格式:<font>要设置的文字</font> 功能:修改文字颜色、字体、大小。常用属性:

 <font szie="12px">老王</font>
 <font color ="red">字体改为红色</font>
 <font face="微软雅黑">更改文字字体</font>
  • 字体加粗/倾斜表示强调,通常为粗体字

</strong>
<b>字体加粗</b>
  • <em>表示强调

3、图像标签

网页上面我们看到不仅有文字、还有图片,下面重点讲如何向网当中插入图片!

格式如下:<img src="图片路径" width="设置图片宽度" height="设置图片高度" border="边框" alt="图片"/>

<img/>标签常见属性详解

  • src 属性作用:指定我们要加载的图片的路径和图片的名称以及图片格式

  • width 属性作用:指定图片的宽度,单位 px、em、cm、mm

  • height 属性作用:指定图片的高度,单位 px、em、cm、mm

  • border 属性作用:指定图标的边框宽度,单位 px、em、cm、mm

  • alt 属性作用:
    当网页上的图片被加载完成后,鼠标移动到上面去,会显示这个图片指定的属性文字作用
    如果图像没有下载或者加载失败,会用文字来代替图像显示作用
    搜索引擎可以通过这个属性的文字来抓取图片

三、网页中的超链接

基本语法<a href="" target="打开方式" name="页面锚点名称" >链接文字或者图片</a>属性讲解- href 属性:链接的地址,链接的地址可以是一个网页,也可以是一个视频、图片、音乐等等

  • target 属性
    1、作用:定义超链接的打开方式
    2、属性值:_blank:在一个新的窗口中打开链接
    _seif(默认值):在当前窗口中打开链接
    _parent:在父窗口中打开页面(框架中使用较多)
     _top:在顶层窗口中打开文件(框架中使用较多)
    name 属性指定页面的锚点名称

 注:代码的格式空格键和回车键在网页中都不会起到任何作用,我们为了让代码清晰易读,可以使用空格和回车键进行编排。

到此,相信大家对“HTML中有哪些基础知识点”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI