HTML学习笔记（一）——基础标签及常用编辑器技巧
HTML
初识html
什么是html？
- html是超文本标记语言（hyper text markup language）
html5的基本结构
<!DOCTYPE html>
<!--DOCTYPE 即文本类型，说明这是一个标准的HTML5文档-->
<!--<html></html>标签是文档的根标签-->
<!-- 标签有双标签和单标签 -->
<html>
<head>
<!-- head用于对网页的说明 ，不会显示在网页中-->
<meta charset=utf-8 /> <!--告诉浏览器改网页的编码为utf-8的格式-->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<title>document</title>
</head>
<body>
<!--body中为页面的内容，是网页显示的部分-->
</body>
</html>
html常用标签
标题标签(h1——h6)
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
段落标签(p)
<p>这是一段文章</p>
图片标签(img)
<img src="url" alt="鼠标悬浮显示的文字">
列表标签
无序列表(ul,li)
<ul>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
</ul>
有序列表(ol)
<ol>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
</ol>
有序与无序仅仅只是默认的css样式不通
链接标签(a)
<!--页面外跳转-->
<a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">百度一下</a>
<!-- target=“_blank”设置从空白页打开 -->
<!--页面内跳转-->
<a href="#content"></a>
容器标签(div)
<div></div>
表单标签
<form action="" method="GET">
<input type="password" name="password" id="">
<input type="text" name="text" id="">
<input type="submit" value="提交">
</form>
<form action="https://www.baidu.com/s" target="_blank" method="GET">
<input type="text" name="wd" placeholder="请输入内容">
<input type="submit" value="提交">
</form>
编辑器技巧(vscode或hbuilderX)
<!-- div*3 -->
<div></div>
<div></div>
<div></div>
<!-- div{content$}*3 -->
<div>content1</div>
<div>content2</div>
<div>content3</div>
<!-- ul>li{list$}*3 -->
<ul>
<li>list1</li>
<li>list2</li>
<li>list3</li>
</ul>
HTML学习笔记（一）——基础标签及常用编辑器技巧的更多相关文章
- 学习笔记—HTML基础标签
HTML的概念 概念: HTML 是用来描述网页的一种语言. HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言 ( ...
- HTML5学习笔记之表格标签
HTML5学习笔记之表格标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之基础标签 HTML5学习笔记之表格标签 HTML5学习笔记之表单标签 HTML5学习笔 ...
- MAVEN学习笔记之基础（1）
MAVEN学习笔记之基础(1) 0.0 maven文件结构 pom.xml src main java package resource test java package resource targ ...
- Quartz学习笔记：基础知识
Quartz学习笔记:基础知识 引入Quartz 关于任务调度 关于任务调度,Java.util.Timer是最简单的一种实现任务调度的方法,简单的使用如下: import java.util.Tim ...
- Java后端高频知识点学习笔记1---Java基础
Java后端高频知识点学习笔记1---Java基础 参考地址:牛_客_网 https://www.nowcoder.com/discuss/819297 1.重载和重写的区别 重载:同一类中多个同名方 ...
- HTML+CSS学习笔记(4) - 认识标签（3）
HTML+CSS学习笔记(4) - 认识标签(3) 1.使用<a>标签,链接到另一个页面 使用<a>标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这 ...
- HTML+CSS学习笔记(2) - 认识标签（1）
HTML+CSS学习笔记(2) - 认识标签(1) 1.语义化,让你的网页更好的被搜索引擎理解 标签的用途: 我们学习网页制作时,常常会听到一个词,语义化.那么什么叫做语义化呢,说的通俗点就是:明白每 ...
- MyBatis:学习笔记(1)——基础知识
MyBatis:学习笔记(1)--基础知识 引入MyBatis JDBC编程的问题及解决设想 ☐ 数据库连接使用时创建,不使用时就释放,频繁开启和关闭,造成数据库资源浪费,影响数据库性能. ☐ 使用数 ...
- bootstrap学习笔记之基础导航条 http://www.imooc.com/code/3111
基础导航条 在Bootstrap框中,导航条和导航从外观上差别不是太多,但在实际使用中导航条要比导航复杂得多.我们先来看导航条中最基础的一个--基础导航条. 使用方法: 在制作一个基础导航条时,主要分 ...
随机推荐
- 《Spring全局异常处理》从零掌握@ControllerAdvice注解
一.开门见山 在前后端分离框架的大趋势下,前后端基本的职责已经确定. 前端主要负责界面的处理以及基本的判空检验.数据来源则通过vue调用后端发布的接口. 后端的原型还是mvc的模式: controll ...
- 接口测试基础——fiddler抓包常见问题
fiddler抓包工作原理: 以web代理服务器的形式进行工作的,使用的代理地址是:127.0.0.1,端口默认为8888,过程如下:web代理就是在客户端和服务器之间设置一道关卡,客户端先将请求数据 ...
- Java入门系列之重写
前言 关于所有Java系列文章面向有一定基础的童鞋,所写每一篇希望有一定含金量,有些内容可能会从Java整个语法全局考虑穿插后续要讲解的内容以成系统,若不理解,请看完后再学习.上一节我们讲解完了fin ...
- C++左值引用与右值引用
本文翻译自:https://docs.microsoft.com/en-us/cpp/cpp/references-cpp?view=vs-2019 引用,类似于指针,用于存储一个位于内存某处的对象的 ...
- SpringBoot执行定时任务@Scheduled
SpringBoot执行定时任务@Scheduled 在做项目时,需要一个定时任务来接收数据存入数据库,后端再写一个接口来提供该该数据的最新的那一条. 数据保持最新:设计字段sign的值(0,1)来设 ...
- input type=file过滤图片
<input type="file" accept=".png,.jpg,.jpeg,image/png,image/jpg,image/jpeg"> ...
- 机器学习实战基础（三十七）：随机森林 （四）之 RandomForestRegressor 重要参数，属性与接口
RandomForestRegressor class sklearn.ensemble.RandomForestRegressor (n_estimators=’warn’, criterion=’ ...
- 集合-ConcurrentLinkedQueue 源码解析
问题 (1)ConcurrentLinkedQueue是阻塞队列吗? (2)ConcurrentLinkedQueue如何保证并发安全? (3)ConcurrentLinkedQueue能用于线程池吗 ...
- bzoj2157旅游
bzoj2157旅游 题意: 给定有权树,支持单边权修改,路径边权取相反数,路径边权求和,路径边权求最大最小值. 题解: 用link-cut tree link-cut tree与树链剖分有些类似,都 ...
- 史上最全的 jmeter 获取 jdbc 数据使用的四种方法
jmeter使用jdbc协议获取数据库中数据,很多人都会用,因为大家在做测试的时候,有时候需要大量的用户进行登录,获取需要数据库中真实的数据用于测试,所以常常会用jdbc来获取数据库数据. 那从数据库 ...