还有三百多天就要面临毕业了,今天开始每天给自己定一个小目标,今天的目标是温习HTML中的一些基本的标签。

HTML是什么?

HTML是一种描述页面的语言

● HTML指的是超文本标记语言

●HTML不是编程语言

●HTML使用标记标签来描述页面

HTML标签

HTML标记标签通常被称为HTML标签

● HTML标签是由<>尖括号包围的关键字

●HTML标签是成对存在的如(<html>和</html>)

●标签中的第一个标签被称为开始标签,第二个为结束标签

这是一张页面的基本结构:

<html>      //<html>与</html>中的文本代表页面的描述

<head>

<title></title>

</head>

<body>     //<body>与</body>中的文本为页面中可见的内容

</body>

</html>

现在开始复习一些简单的HTML标签:

<h1-h6>是标题标签,<h1>代表最大字体,以此类推,最小为<h6>

<h1>我是H1标签,我里面的字体是最大的</h1>

<h6>我是H6标签,我里面的字体是最小的s</h6>

<p></p>标签是段落标签

<br></br>标签是换行标签

<a href="">点我呀,我是超链接标签</a>    //<a>标签里面有一个href属性,属性里面的值等于要连接过去的页面的地址。

<img>标签是空标签,就是它只包含属性,并没有闭合标签。

要在页面上显示图像,你需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。

定义图像的语法是:

<img src="url">

替换文本属性(Alt)

alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的:

<img src="url" alt="图片已丢失">

在浏览器无法载入图片时,替换文本属性会告诉你们失去的信息,然后浏览器将显示替换性的文本而不是图片。

温习前端(HTML)相关推荐

  1. 2018OKR年中回顾

    一.2018OKR规划 目标1.温习专业基础知识 关键结果1.1 阅读<微积分之屠龙宝刀>+<微积分之倚天宝剑>,加深理解高等数学微积分的各种概念与公式(0.2 屠龙宝刀看了三 ...

  2. 未读消息(小红点),前端 与 RabbitMQ 实时消息推送实践,贼简单~

    前几天粉丝群里有个小伙伴问过:web 页面的未读消息(小红点)怎么实现比较简单,刚好本周手头有类似的开发任务,索性就整理出来供小伙伴们参考,没准哪天就能用得上呢. 之前在 <springboot ...

  3. 前端工程师的mysql笔记

    背景 最近常参与后台php项目,虽说刚毕业时自学过一阵子php和mysql,不过长时间没用也忘差不多了,于是把mysql再温习一遍,前端同学也可以一起学习下! mysql安装以及操作 安装 brew ...

  4. 161026、更快速将你的页面展示给用户[前端优化篇]

    现在许多公司往往注重后端优化,而忽略了前端优化 想想如果辛苦优化了服务器,后台,排查了sql,却在最后页面加载展示的时候很慢,也得不偿失 其实,前后台优化都是相辅相成的,后台优化好了,响应请求速度快, ...

  5. Web前端开发必备:《Jquery实战》第3版 介绍

    目标读者 本书适合想深入学习jQuery的Web开发人员.全栈工程师.架构师.jQuery是互联网上最流行的JavaScript框架.本书的目标是希望读者成为Web高级开发人员,无论起点如何.本书深入 ...

  6. [译]2019年修炼前端开发者之路

    原文链接The Path to Becoming a Front End Developer in 2019 一点儿我自己的铺垫 本文更多的是侧重前端入门方法,适用于那些踌躇不前无从下手的即将入门前端 ...

  7. 谷歌浏览器中文版_GitHub上最励志的计算机自学教程:8个月,从中年Web前端到亚马逊百万年薪软件工程师 | 中文版...

    十三 贾浩楠 发自 凹非寺 量子位 报道 | 公众号 QbitAI 谷歌工程师条件:名校出身.CS专业背景.博士学位加持,技术过硬? 国外一个叫John Washam的小哥告诉你:不用,自学8个月也可 ...

  8. 前端入门--解决问题的一些方法

    做项目过程难免会碰到一些bug.样式等各种各样的问题.下面就写一些个人在碰到问题时的解决思路. 也许你已经熟练掌握,那让我们一起来温习,也许你初入前端尚不知如何调试,希望能给你帮助. 如下解决方法,均 ...

  9. 【repost】一探前端开发中的JS调试技巧

    有请提示:文中涉及较多Gif演示动画,移动端请尽量在Wifi环境中阅读 前言:调试技巧,在任何一项技术研发中都可谓是必不可少的技能.掌握各种调试技巧,必定能在工作中起到事半功倍的效果.譬如,快速定位问 ...

  10. 【转】前端开发值得一看的文章

    其实这篇文章不是这里的,只是,后台很傻B地进不了了.也不知道是什么乱七八糟的问题.先写在这里,当做这么久没更新的偷懒好了.(而且,挑出来的这些都是精华呢!),大家各取所需吧: 1. 默认Web字体样式 ...

最新文章

  1. 给Jquery添加alert,prompt方法,类似系统的Alert,Prompt,可以响应键盘,支持拖动...
  2. java 字符串原子变量,如何在java中提供原子读/写2个变量?
  3. 【django】路由传递参数
  4. J2ME手机游戏引擎程序结构简述
  5. 【AcWing 243. 一个简单的整数问题2】
  6. ns3中调试程序------命令行、gdb和logging系统
  7. 哈希表和有序表的简单介绍
  8. mac上用VMWare虚拟机装Ubuntu,搞定了
  9. vfp体积计算机程序,浙江省计算机2级VFP程序调试真题集.doc
  10. 微信小程序教程笔记6
  11. 存储过程从入门到熟练(多个存储过程完整实例及调用方法)
  12. 【html、CSS、javascript-11】jquery-事件使用方法总结
  13. 清华大学模拟电子技术视频教程
  14. 如果背单词,可能需要的参考辞典...
  15. 贪心算法 看这一篇就够了
  16. 同学聚会幽默 , 小学生搞笑图片
  17. 海天讲座(一)最优传输理论
  18. 从电商到软件市场,阿里双十一战火蔓延
  19. python 串口助手 简书_【Python】PyQt5之串口助手【2】
  20. 【2022年第十周周总结】拖延症啊。。。。算法题啊。。。。

热门文章

  1. html 学习笔记(9)
  2. Oracle 19c对VARCHAR2的限制
  3. 谷歌卫星地图上的奇特景象
  4. WORD图片无法同时选中/WORD图片无法组合
  5. 读书百客:《山坡羊·北邙山怀古》赏析
  6. 优锘科技:ThingStudio森工厂掀起数字孪生龙卷风暴
  7. 赫尔期权、期货及其他衍生产品第9版课后答案
  8. python 根据银行卡号获取对应的银行
  9. JAVA-银行卡归属地查询
  10. vue3 provide和 reject