HTML基础介绍

html是java web的一个基础语言,这篇文章是单纯的HTML的介绍以及应用,无关CSS、JS,既然会查到这个那这些行外介绍就不多说,直接开始正题。

可能会有一些啰嗦但这是在两天对html学习的总结,不是全部之后小编会在更新博客,基本概括到了每一个点,从点滴开始。

先扯一些题外话,访问网页原理可能有些人初识前端都不所了解,打个很简单的比方,浏览网页时当我们输入网址进去时会有页面弹出,简单来说我们电脑在请求访问时就已经接受了该网页的相关信息,包括图片啊,html文件啊这些的,那么简明来说当我们访问网络时,服务器端与自身电脑是有真实的物理信息传输的(通过HTTP协议传输),存储在一个临时文件夹中(当然这个临时文件夹不重要)。

一、编程软件

在未接触工程时sublime这个软件非常方便简洁具体下载网络上可以直接查到。

二、HTML骨架

1.HTML:超文本标记语言,唯一的作用以标签对为纯文本增加语义,没有样式、没有交互、没有行为。

2.最基本的文件 index.html改文件默认网站首页,在访问时一个网站是没有细化到那个页面的话就是现实index页面

3.HTML

 ·基本骨架可以在sublime中使用快捷键显示 输入html:xt  +(ctrl+e)显示 可能在看到这个时最难理解的是head上方的一串代码,这是文档头声明,再HTML5之前有两种大规范,而每一个大规范中有3个小规范这些不需死记,我们常用冒号后xt 即为XHTML的普通的规范。

·字符集,meta开头这段,重点在于charset属性后的代表字符集,可以理解为一个词库像图中UTF-8就是包含世界上所有语言,既然大那么索引他们的字节就大,在UTF-8中一个汉字占三个字节,而国内常用的是gb2312这个词库只有中文,字节小自然运行速度会快一点。

meta除了可以设置字符集,还可以设置关键字和页面描述。

<meta name=”” content=”” />

name即名字,content及内容。

三、标签介绍

1.<title>网页的标题</title>

2.<h1> 到 <h6> 都是标签:仅仅到6级就没有了

  <h1></h1> 一级标题

  <h2></h2> 二级标题

  ……

  <h6></h6> 六级标题

3. p标签为段落

4.HTML页面不是直接插入图片,而是插入图片的引用地址。

<img src="图片文件名" alt="当照片无法显示时边上添加的注释" />

然后在说到这个时就会提到一个相对路径问题当html文件与图片文件在同一目录下时可直接输入图片文件名使其显示,这边就不详细介绍用一个实例来说明:

<img src="../../photo/1.png" />

../   是返回当前目录上一级

5.超链接

·连接网页

<a href="网页名"title="悬停文本" target="_blank">超链接名</a>

这样就是一个完整的超链接介绍target="_blank"是在点击超链接后跳转到新的页面显示

悬停文本和target可无。

·超链接与图片插入寻找路径时都要注意相对路径。

6.页面内的锚点

也是超链接的一个应用在同一页面里在点击设置的该类连接后会跳转到所设置的锚点处,

假如网页后面有一个标题为我的作品栏

<h><a name="wdzp">我的作品</a></h>或者<h><a id="wdzp">我的作品</a></h>

这个操作就将标题我的作品这边附上了一个锚点,在网页的其他处可附上<a href="#wdzp">点击我就查看我的作品</a>

就会出现一个点击我就查看我的作品这个超链接点击后会直接定位到锚点位置。或者也可以在网页栏末尾加上#wdzp可以直接访问到锚点处内容

综上是单纯的HTML介绍也是往后学习CSS,JS的基础,小编也是初学web,这是自己两天对于HTML的学习总结。希望能有所帮助,更多的标签介绍可以查看之后HTML介绍2

猜你喜欢

转载自blog.csdn.net/qq_40833779/article/details/81104588