HTML详细教程上(保姆级)

一、HTML简介导读

1、网页

1)网站?网页?

网站是使用HTML等制作的用于展示特定内容的网页集合

网页是HTML文件,是构成网站的基本元素,通常由图片,链接,文字,声音,视频等元素组成。常见以.htm或.html后缀结尾的文件,称为HTML文件

2)HTML?

  • 超文本标记语言(Hyper Text Markup Language)
  • 它不是编程语言而是标签语言
  • 超文本,2层含义:
  1. 可加入图片,声音,动画,多媒体等内容(超越了文本限制)
  2. 可从一个文件跳转到另一个文件,与世界各地主机的文件连接(超级链接文本

3)网页的形成?

它由网页元素组成(元素利用html标签描述)  -> 浏览器渲染、解析  -> 展示

2、常用浏览器

1)浏览器?

指网页显示、运行的平台

2)常用的五大浏览器

IE、Opera、Safari、Firefox(火狐)、Chrome(谷歌)

3、web标准

由W3C组织和其他标准组织制定的一系列标准的集合。

构成:结构、表现、行为

 

二、HTML标签

1、基本结构标签

<!--特殊且固定的HTML5文档声明标签-->
<!DOCTYPE html>
<!--设置语言(中文)-->
<html lang="en">
  <head>
     <body></body>
  </head>
</html>

2、常用标签(文本标签)

    <!-- 标题标签 -->
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    <!-- 段落标签 -->
    <p>即使青春是一株大地伟岸的树,但我明白,一株独秀永远不是挺拔,成行成排的林木,才是遮风挡沙的绿色长城。即使青春是一叶大海孤高的帆,但我明白,一叶孤帆很难远航,千帆竞发才是大海的壮观。</p>
    <!-- 换行 -->
    <br>
    <!-- 水平线 -->
    <hr>
    <!-- 加粗 -->
    <b>加粗文字</b>
    <strong>加粗文字</strong>

    <br>

    <!-- 倾斜 -->
    <i>倾斜文字</i>
    <em>倾斜文字</em>
    
    <br>

    <!-- 删除线 -->
    <s>删除文字</s>
    <del>删除文字</del>
    
    <br>

    <!-- 下划线 -->
    <b>下划线</b>
    <!-- 下标 -->
    <sub>下标</sub>
    <!-- 上标 -->
    <sup>上标</sup>

 

 3、标签基本语法

1)双标记

<标记></标记>

<标记 属性=“属性值”></标记>

标记也可以叫标签或元素

例:<head></head>

2)单标记

<标记/>

<标记 属性=“属性值”/>

例:<br/>

三、图像标签

1、<img>标签定义图像

<img src="图像路径">

2、其他属性

注意:属性采取键值对的格式,即属性=“属性值”;

四、 路径

根目录:该文件所在的最近一级文件夹

1、相对路径

概念:以引用文件所在位置为参考基础,而建立的目录路径

相对于表格.html来说

 2、绝对路径

概念:指目录下的绝对位置,直接到达目标位置。通常从盘符开始的路径

如:file:///E:/html/html标签/列表.html

 五、链接

1、超链接

1)作用:从一个页面链接到另一个页面

2)语法格式:

<a hred="跳转目标" target="目标窗口的弹出方式"></a>
  • 属性:

href属性值为#时,表示空链接(无法跳转)

url可以是外部链接(如百度),内部链接(该文件夹内部的文件),空链接,下载链接

2、锚点链接

快速定位到页面某目标位置

  • 将href属性值设置#名字的形式,如<a href="#a"></a>
  • 在目标位置添加id=名字,如<p id="a"></p>

六、注释标签与特殊字符

1、注释标签

<!--注释标签-->

快捷键:ctrl+/

2、特殊字符

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值