前端笔记——HTML基础篇

最新推荐文章于 2023-08-20 13:37:00 发布
最新推荐文章于 2023-08-20 13:37:00 发布
阅读量109 收藏
点赞数
分类专栏： 前端学习 李立超
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44158539/article/details/107154588
版权

<!doctype html>

<html>
<!--
     head标签，该标签中的内容。不会在网页中直接显示，
	 它用来帮助解析浏览器中的页面
	 -->
	
<head>
<!--
        title是网页的标签，默认会显示在浏览器的标题栏中
		搜索引擎在检索页面时，会首先检索title标签中的内容
		它是网页中对于搜索引擎来说最重要的内容，会影响到网页在搜索引擎中的排名
		-->
 <title>网页的标题</title>
</head>
<!--
    body标签用来设置网页的主体内容，网页中所有可见的内容，都应该在body中编写
	-->
<body>
<!--
   在这个结构中，可以写html注释
   注释中的内容不会在网页中显示，但可以在源码中查看
  我们可以通过编写注释对代码进行描述，从而帮助其他的开发人员工作
  一定要养成良好的编写注释习惯，注释一定要简洁明了
  -->
  <!--
      属性：
	      可以通过属性来设置标签
		  属性需要写在开始标签中，实际上就是一个名值对的结构
		  属性名="属性值"，一个标签中可以设置多个属性，属性之间可以通过空格隔开
		  -->
  <h1>这是我的<font color="red" size="7" >第一个</font>网页练习</h1>
</body>

</html>
恬一
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
java安卓仿微信聊天软件源码-tanchao:个人前端笔记
06-04
前端工程师必备的PS技能——切图篇 结合个人经历总结的前端入门方法 效果类 地址 弹出层 焦点图轮播特效 工具类 地址 css sprite 雪碧图制作 版本控制入门 – 搬进 Github Grunt-beginner前端自动化工具
HTML基础笔记——head标签
KllKllKll
07-15 3838
//一个简单的HTML结构 <!DOCTYPE html> //文档声明 <html> <head> <title>标题</title> </head> <body> <p>内容</p> </body> </html> head标签是网页的头部，用于定义一些特殊的内容，比如页面标题、定时刷新、外部.
2023前端面试高频考点 —— HTML5
m0_57524265的博客
08-20 3602
HTML5作为最新的HTML标准，为前端开发带来了许多新的特性和功能。在前端面试中，HTML5的知识和应用已经成为了必备的技能。本篇文章将总结HTML5的重要知识点和常见面试题，帮助读者更好地准备前端面试，提升自己的竞争力。
从零开始学WEB前端——HTML理论讲解
热门推荐
su_zui的博客
02-07 1万+
????项目介绍 先做个自我介绍，本人是一个没人写前端所以就自学前端的后端程序员????。在此项目中我会和大家一起从零基础开始学习前端，从后端程序员的视角来看前端，受限于作者的水平本项目暂时只会更新到前端框架VUE，不会涉及node.js。该项目适合零基础的小白或者和我一样开发网站没人写前端所以自学前端的后端程序员????。 该项目的学习顺序是按照我自己学习时总结出来的，其中的每个知识点都是我认真去理解的，同时也查了很多的资料，所有的参考资料我都放在了文章末尾。尊重开源，尊重知识产权。每一个案例我都亲手写过
jqGrid 学习笔记整理——基础篇
budaizou的博客
01-12 1万+
jqGrid 实例中文版网址：http://blog.mn886.net/jqGrid/ 国外官网：http://www.trirand.com/blog/ 本人在官网的示例中学习的非常困难，现通过慢慢摸索学习已实现基本功能，特总结下来留给初学者们。 12 jqGrid 是一个用来显示网格数据的jQuery插件，通过使用jqGrid可以轻松实现前端页面与后台数据的ajax异步通信。
亚信java笔试题-keep-learning:收集跟前端有关的学习资讯
06-03
亚信java笔试题 keep-learning 收集跟前端有关的学习资讯 ...前端工程师必备的PS技能——切图篇 结合个人经历总结的前端入门方法 工具类 工具类 地址 前端人的俱乐部 真可以解放你的收藏夹 如何优雅
java安卓仿微信聊天软件源码-Front--end:前端
06-04
java安卓仿微信聊天软件源码 Front--end Front--end--tutorial 综合类 | 地址 --- | --- 前端知识体系| 前端知识结构| ...前端工程师必备的PS技能——切图篇| 结合个人经历总结的前端入门方法| 效果
Front-end-tutorial:最全的资源教程-前端涉及的所有知识体系
04-28
End-Develop-Guide 前端开发指南前端开发笔记本大前端工具集 - 聂微东前端开发者手册入门类前端入门教程瘳雪峰的Javascript教程jQuery基础教程前端工程师必备的PS技能——切图篇结合个人经历总结的前端入门方法效果...
java安卓仿微信聊天软件源码-Front-End-Development:web前端开发资源库
06-04
java安卓仿微信聊天软件源码 内容整理自 's repositories: 。 综合类 地址 ...前端工程师必备的PS技能——切图篇 结合个人经历总结的前端入门方法 效果类 地址 弹出层 焦点图轮播特效 工具类 地址 cs
前端裁图-如何使用ps软件将矩形图片裁剪成圆角矩形
weixin_44158539的博客
08-22 6346
1.ps打开一个图片 2.用矩形工具画出一个矩形覆盖在要裁剪的图形上 3.将圆角矩形转化为矩形选区，方式：ctrl+鼠标左键（鼠标左键选中的是矩形图层，一般图层在ps界面的右侧栏） 矩形变为选区后是一个虚线框 4.将右侧两个图层同时选中，矩形选框图层的位置在被裁剪图层下（注意图层的位置顺序 笔记中的第六步即为接下来要操作的第五步，手误，懒得修改 6.crtl+shift+i 反选，反选之后选择的是被裁除的边角，按delete删除多余的选区，图层裁剪完成 最后保存图片，图片裁剪完成 ...
前端笔记-——空格、」、「符号的使用
weixin_44158539的博客
07-08 2865
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> </head> <body> <!-- 在网页中编写多个空格，默认为一个空格 在1html中有时候不能直接写一些特殊符号，比如多个连续空格， 比如字母两侧的大于号和小于号 实体的语法： &实体的名字； .
前端笔记——相对定位
weixin_44158539的博客
08-05 1078
定位(position) -定位是一种更加高级的布局手段 -通过定位可以将元素摆放到页面的任意位置 -使用position属性来设置定位 可选值： static(默认值，元素是静止的，没有开启定位) relative:开启元素的相对定位 absolute:开启元素的绝对定位 fixed:开启元素的固定定位 sticky：开启元素的粘滞定位 1.相对定位(relative)： -当元素的position属性值设置为ralative时则开启了元素的相对定位 -相对定位是参照元素在文档流中的位置进行定位的 -相对
一天一个webpack报错小总结———更新到webpack初阶学完为止
weixin_44158539的博客
12-13 894
webcpack.config.js文件中的相关代码注释 /* webpack.config.js webpack的配置文件 作用：指示webpack干哪些活儿(当你运行webpack时，会加载里面的配置) *重点：所有的构建工具都是基于nodejs平台运行的~模块化默认采用commonjs */ //resolve：用来拼接绝对路径的方法 const {resolve} = require('path'); module.exports={ //webpack配置
前端笔记——固定定位
weixin_44158539的博客
08-05 637
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body{
前端——表格样式2
weixin_44158539的博客
10-16 508
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> table{
前端笔记——绝对定位
weixin_44158539的博客
08-05 443
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body{
CSS——表单的常用属性
weixin_44158539的博客
10-17 425
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <form acti
js基础-函数
weixin_44158539的博客
09-03 376
函数
cda备考学习学习笔记——基础知识篇(二)
最新发布
09-18
cda备考学习学习笔记——基础知识篇(二)主要涉及了计算机科学与技术领域的基本概念和知识。 首先，它介绍了计算机网络的基础知识。网络是将多台计算机通过通信链路连接起来，使它们能够相互通信和共享资源的系统。...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值