html基础

本文详细介绍了HTML的基础元素,包括语义化标签如<h1>~<h6>,<hr>,<br>等,以及文本样式标签<b>,<i>,<del>,<ins>等。还讲解了超链接<a>的使用和锚点定位,以及<img>图像标签的属性。此外,提到了HTML表格、列表、表单和框架的基本概念。
摘要由CSDN通过智能技术生成

目录

1.html语义化标签

2.超链接标签&锚点定位

3.图像标签

4. HTML表格

5. HTML列表标签

6.HTML表单

7.HTML框架

8.HTML常用字符实体(大小写敏感)

9.HTML统一资源定位器(Uniform Resource Locators)

10.HTML标签简写及全称


1.html语义化标签

        <h1>~<h6> :标题标签从1到6字体逐渐变小

        <hr/>:水平线(单标签)

        <br/>:换行(单标签)

        <b><b/>和<strong><strong/>标签都为字体加粗

        <i><i/>和<em><em/>标签都为斜体字

        <sub></sub>:下标字

        <sup></sup>:上标字

        <del></del>:删除字

        <ins></ins>:插入字

        <abbr></abbr>:定义缩写

​​​​​​    <b>加粗文本</b><br/>
    <strong>加粗文本</strong><br/>
    <i>斜体文本</i><br/>
    <em>斜体文本</em><br/>
    <del>删除线</del><br/>
    <s>删除线</s><br/>
    <ins>下划线</ins><br/>
    <u>下划线</u><br/>

    <!-- p标签结束会自动换行 -->
    <p>正常<small>缩小</small></p>

    <p>正常文本<sub>下标</sub><br/></p>
    <p>正常文本<sup>上标</sup><br/></p>

    <!-- abbr标签当鼠标移到缩略词etc.上时会展示title属性中它的完整值 -->
    <abbr title="etcetera">etc.</abbr><br />

 

 <div></div>:块级元素,独占一行

<span></span>:内联元素

2.超链接标签&锚点定位 <a></a>

<a href="http://www.baidu.com/" target="_blank">访问菜鸟教程!</a>

target:为打开窗口的方式 默认值为"_self" 当前窗口打开页面 ;“_blank”新窗口打开页面

href:打开页面的地址,值为“#”时表示空连接;链接可以是文件地址

锚点定位:a标签的href属性为“#号加跳转位置的id值”

<p>
<a href="#C4">查看章节 4</a>
</p>
<h2 id="C4">章节 4</a></h2>
<p>这边显示该章节的内容……</p>

3.图像标签<img/>

<img src="img.jpg" alt="图片加载失败" title="图片111"  width="500" border="15"/>

src:src里面的值是图片的URL地址

alt:替换文本,alt里面的值是当图片显示不出来的时候用的文字代替

title:提示文本,title里面的值是当鼠标放到图像上去时出现提示的文字

height(高度)与width(宽度)属性用于设置图像的高度和宽度

4. HTML表格

HTML表格_weixin_47940048的博客-CSDN博客

5. HTML列表标签

HTML列表标签_weixin_47940048的博客-CSDN博客

6.HTML表单

HTML表单_weixin_47940048的博客-CSDN博客

7.HTML框架

<iframe loading="lazy" frameboder="0" src="demo.html" width="200" height="400"></iframe>

8.HTML常用字符实体(大小写敏感)

9.HTML统一资源定位器(Uniform Resource Locators)

url是一个网页地址

http://www.baidu.com

http://localhost:80/test/demo.php

scheme://host.domain:port/path/filename

  • scheme:定义因特网服务的类型。最常见的类型时http
  • host:定义域主机(http的默认主机是www)
  • domain:定义因特网域名,比如baidu.com
  • :port:定义主机上的端口号(http默认的端口号是80)
  • path:定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)
  • filename:定义文档或资源的名称

常见的URL scheme

scheme访问用于
http超文本传输协议以http://开头的普通网页。不加密
https安全超文本传输协议安全网页,加密所有信息交换
ftp文件传输协议用于将文件下载或上传至网站
file计算机上的文件

10.HTML标签简写及全称

HTML 标签简写及全称

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值