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框中,导航条和导航从外观上差别不是太多,但在实际使用中导航条要比导航复杂得多.我们先来看导航条中最基础的一个--基础导航条. 使用方法: 在制作一个基础导航条时,主要分 ...
随机推荐
- day77 作业
目录 一.完成todolist案例 二.商品页面 一.完成todolist案例 <!DOCTYPE html> <html lang="en"> <h ...
- DVWA学习记录 PartⅠ
DVWA介绍 DVWA(Damn Vulnerable Web Application)是一个用来进行安全脆弱性鉴定的PHP/MySQL Web应用,旨在为安全专业人员测试自己的专业技能和工具提供合法 ...
- Mysql 实例:mysql语句练习50题(sqlalchmy写法)
为了练习sql语句,在网上找了一些题,自己做了一遍,收益颇多.很多地方换一种思路,有更好的写法,欢迎指正. 题目地址:https://blog.csdn.net/fashion2014/article ...
- SQLAlchemy02 /SQLAlchemy对数据的增删改查操作、属性常用数据类型详解
SQLAlchemy02 /SQLAlchemy对数据的增删改查操作.属性常用数据类型详解 目录 SQLAlchemy02 /SQLAlchemy对数据的增删改查操作.属性常用数据类型详解 1.用se ...
- The Modules of Event-driven
常用的时间驱动模型(Windows和Linux都有)有三种: 1.select 对于读(Read)事件.写(Write)事件和异常(Exception)事件分别创建事件描述符集合,分别用来收集读事件的 ...
- 用Graphviz画简单依赖图示例
代码: digraph module { 0 [label="global.h"]; 1 [label="bst_operator.c"]; 2 [label= ...
- bzoj3437小P的牧场
bzoj3437小P的牧场 题意: n个牧场,在每个牧场见控制站的花费为ai,在该处建控制站能控制从此处到左边第一个控制站(或边界)之间的牧场.一个牧场被控制的花费等于它到控制它的控制站之间的牧场数目 ...
- Go包管理go mod使用
Go Modules介绍 为了解决Go包管理的问题,Go从1.11开始加入了Go Modules这一新特性.让包的依赖和版本管理更加容易. 一个module可以理解为一个单独的包或者模块,module ...
- Ethical Hacking - NETWORK PENETRATION TESTING(16)
ARP Poisoning - MITMf MITMf is a framework that allows us to launch a number of MITM attacks. MITMf ...
- css属性inline-block的应用
1. 让两个块级元素处于同一行 2. 需要元素撑开边框的时候