小陈第一天 HTML基础

1、什么是HTML?

HTML: 是超文本标记语言(并不是一个编程语言)

标记 <字母></字母>   我们称之标签,标签一般是成对出现

2、HTML常用标签。

<body></body> 网页的主体

<h1></h1>            标题标签  h1-h6(6个标签)h1最大  h6最小 块级标签  独占一行

<p></p>              段落标签

<strong></strong>    加粗标签  行内标签 ,只占文字所在的占位

title=""              填写文字提示(鼠标悬浮上去的时候显示文字提示)

<img src="图片路径" alt="">

img 标签的属性 

src:填写图片的路径

        --绝对路径  网络图片地址

        --相对路径  相对于我们文件所在的位置 ,找到相对应图片(重要)

        ./直接找同级目录

        ..//查找上级目录

alt:填写文字提示(图片路径失效的时候生效)

在一个网页当中, html head body  是唯一的

3、超链接

超链接:超链接 < a 一个页面跳转到另外一个页面 ></a>(图1)

        超链接的属性

        href="跳转的路径"

              绝对路径(网络链接直接复制粘贴使用)

              相对路径(复制本地位置链接使用)

图1

图片超链接(图1-1)

targrt:_self  在当前窗口打开新的页面

targrt: _blank  新建一个窗口打开新的页面

图1-1

4、功能性链接 

        <a href=mailto+邮箱">注释文字联系xx</a>(图2)

图2

4、锚链接:

锚链接就是链接文本。(图3)

        <a name="top">顶部</a>

        <p>  。。。。。</p>

          <a href="#top">去顶部</a>

        (点击底部特定位置跳转回顶部)

图3

5、特殊符号

空格 &nbsp;

大于号    &gt;

小于号    &lt;

版权符号  &copy;

爱心      &hearts;

    所有的标签必须小写

               双标签必须闭合

     标签的属性必须要用引号引起来

猜你喜欢

转载自blog.csdn.net/weixin_50419323/article/details/108362965