首页 > 其他分享 >HTML基础知识

HTML基础知识

时间:2023-02-17 11:44:16浏览次数:30  
标签:网页 标签 基础知识 注释 HTML 属性 图片

一HTML介绍

  1、基础相关:

    1、HTML:负责网页的架构

    2、CSS:负责网页的样式、美化

    3、JS:负责网页的行为

  2、什么是HTML

    1、HTML是用来描述网页的一种语言

  3、HTML标签

    1、单标签<html>、<br/>

    2、双标签<b>内容</b>

  4、标签属性

    1、属性格式:属性名="属性值"  <a href="http://www.baidu.com">百度</a>

 

二、HTML骨架标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML骨架</title>
</head>
<body>
    HTML骨架
</body>
</html>

 

三、编辑HTML工具

  1、HBuilder(记住初始化的步骤)

  2、注释

    添加注释,快捷键:ctrl + /

    测试点:上线之前要对前端页面注释进行检查或者去除所有注释(前端页面的注释,虽然不显示在浏览器上,但是用户通过查看源代码能够看到。后端的注释才看不到)

 

四、标签

  1、常用标签

    (1)标题标签:HTML标题是通过 <h1> - <h6> 等标签进行定义的

    (2)段落标签:HTML标题是通过 <p> </p>标签进行定义的

    (3)超链接标签:超链接标签是通过 <a> 标签来定义的       

      <a href="http://www.baidu.com" target="_blank">百度</a>

      href:跳转地址(也可以跳转本地文件,地址直接填写本地文件名)     target:新窗口打开(可以不加,然后再当前窗口打开)

    (4)图片标签:HTML图片是通过 <img> 标签进行定义的

      <img src="logo.jpg" title="小图片" alt="logo" width="104" height="142"/>

      src : 图片地址路径及文件名    title:当鼠标移动到图片上时,显示出的名称   alt:避免图片未加载出来时的提示文字

      测试点:必须有title(有体验感)

 

 

    

 

    

  

标签:网页,标签,基础知识,注释,HTML,属性,图片
From: https://www.cnblogs.com/wmtly/p/17129584.html

相关文章

  • hta--Windows运行html的桌面应用程序(HTML应用程序)
    HTA(HTMLApplication)--HTML应用程序作为前端开发,我们能熟练使用html实现各种效果,但是如果要实现一个简单的桌面应用程序那么应该怎么做呢,答案很简单,只需要把html文件后缀......
  • 使用 html2Canvas 与 JsPDF 生成海报和pdf文件下载等业务,解决pdf分页样式问题
    需求场景吧页面元素内容转成图片,生成一个海报保存或者上传服务器当前元素内容生成一个pdf文件完成下载到客户端,并且上传到服务器1.开发前的准备//元素转图片npm......
  • 使用JS从HTML中提取文本
    functionextractContent(html){returnnewDOMParser().parseFromString(html,"text/html").documentElement.textContent;}示例letresult......
  • 通过html打开USB摄像头和共享桌面或应用
    通过html显示USB摄像头点击查看代码<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=e......
  • html必知必会
    快速居中:bodydisplay:flex;.con:margin;padding和margin的区别:作用对象不同;padding作用于自身盒子大小会增加,margin是作用于外部vw和百分比的区别: 百分比有继承关系;......
  • Pytest-html报告优化+增加错误截图,获取统计数据
    1、在我们实际工作中,环境信息不一定要在报告中详细提现,可以增减2、用例信息,默认展示的是用例的model名::用例名称,并不直观,所以我们可以增加一个用例描述,直观描述用例的测......
  • HTML 表格表头
    HTML表格表头表格的表头使用<th>标签进行定义。大多数浏览器会把表头显示为粗体居中的文本:https://www.81rz.com/zjxt101/实例<tableborder="1"><tr><th>Heade......
  • HTML 表格
    HTML表格实例:FirstNameLastNamePointsJillSmith50EveJackson94JohnDoe80AdamJohnson67HTML表格和边框属性如果不定义边框属性,表格将不显......
  • HTML 元素类型
    一、按块级元素、行级元素和行内块级元素分类HTML元素可以分为块级元素和行内元素(又称行级元素),它们的主要区别在于它们在文档流中所占据的空间和如何与其他元素相互作用。......
  • HTML列表
    HTML无序列表无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。无序列表使用<ul>标签<ul><li>Coffee</li><li>Milk</li></ul>浏览器显示如下......