您的位置：首页 > Web前端 > HTML

HTML基础学习

2020-07-04 22:38 15 查看

HTML

基本样式为：

<!doctype html> 声明文档类型（告诉浏览器这是一个html文件）

<html> 这是根标记

<head> 这是网页头部，

<title>这是标题</title> 这是标题栏的内容

</head>

<body> 这是网页的主体，存放网页内容

</body>

</html>

初识html标签

html常用标签

1）标题标签

注意：h1标签在一个页面中只能有一个

2) 段落标签

3) 图片标签

注:所要插入的的图片必须放在站点下

1.title的作用: 在你鼠标悬停在该图片上时显示一个小提示，鼠标离开就没有了，HTML的绝大多数标签都支持title属性，title属性就是专门做提示信息的.

2.alt的作用:alt属性是在你的图片因为某种原因不能加载时在页面显示的提示信息，它会直接输出在原本加载图片的地方。

4）空格

&nbsp；（所占位置没有一个确定的值,这与当前字体字号还有浏览器都有关系。）

5）加粗

6）倾斜

7）强制换行

<br />

8）水平线

<hr />

9）列表（ul ，ol，dl）

HTML中有三种列表，分别是：无序列表，有序列表，自定义列表

*无序列表组成：

<ul>

．．．．．．

</ul>

*有序列表组成：

<ol>

．．．．．．

</ol>

*自定义列表

<dl>

．．．．．．

</dl>

10）超链接的应用

语法： <a href="目标文件路径及全称/连接地址" target=“_blank”>链接文本</a>

插入超链接图片的方法：

属性：target:页面打开方式

默认属性值：_self 一般是没有指定target属性的a标签的默认属性值

属性值：_blank 新窗口打开

其中，h1~h6、p标签是块标签，特点是自上而下排列，独占一行，可以设置长和宽

hr、br、i，em、b，strong标签是行标签，特点是从左至右排列，只占有内容大小，不能设置长和宽

11.<span></span>

<span>可以用来组合行内元素，以便通过样式来格式化它们。

注意：span 没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。

标签的类型

1)常规标记（双标记）

<标记属性=“属性值” 属性=“属性值”></标记> 例：<a href="http://www.baidu.com" target="_blank">百度</a>

2)空标记（单标记）

<标记属性=“属性值” /> 例：<img src="目标文件路径及全称" alt="图片替换文本" title="图片标题" />

说明：

1.写在<>中的第一个单词叫做标记，标签，元素。

2.标记和属性用空格隔开，属性和属性值用等号连接，属性值必须放在双引号（“”）内。

3.一个标记可以没有属性也可以有多个属性，属性和属性之间不分先后顺序。

4.空标记没有结束标签，用“/”代替。

例：<标签属性=“属性值” 属性=“属性值” />

<标签属性=“属性值” 属性=“属性值”>内容</属性>

相对路径的写法

1)当当前文件与目标文件在同一目录下，直接书写目标文件文件名+扩展名；

2)当当前文件与目标文件所处的文件夹在同一目录下，写法如下：文件夹名/目标文件全称+扩展名；

3)当当前文件所处的文件夹和目标文件所处的文件夹在同一目录下，写法如下： ../目标文件所处文件夹名/目标文件文件名+扩展名

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航