HTML学习笔记03-HTML基础
<!DOCTYPE HTML>
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
<html>和</html>之间的文本用来描述网页
<head>和</head>之间是头部信息，部分标签只能用在头部
<body>和</body>之间就是展示给我们看的内容
HTML标题
HTML标题（heading）是通过<h1>-<h6>来定义的
使用标题的内容，字体会加粗变大。但是不要因为这些效果而去使用标题。
标题可以理解为文章的标题，比如现在这篇博客的标题就是使用<h4>标签，进到博客时，显示的博客名称是用<h2>
可以在网页右键查看源代码，看到网页对应的html文档
<h1>是重要的主标题，尽量只有一次，类似写作文的作文名
HTML段落
HTML段落是通过<p>标签进行定义的
现在这篇文章里面记录的内容就是通过<p>标签来定义的
浏览器会自动在段落的前后添加空行
HTML连接
HTML连接是通过<a>标签进行定义的
<!DOCTYPE HTML>
<html>
<head>
<title>
百度一下，你就知道
</title>
</head>
<body>
<a href="https://www.baidu.com">百度一下，你就知道</a>
</body>
</html>
在href属性中指定需要连接的地址，之后会详细学习到
HTML元素
HTML元素指从开始标签到结束标签的所有代码
开始标签常被称为开放标签（opening tag），结束标签常称为闭合标签（closing tag）
HTML元素语法：
HTML元素以开始标签起始
HTML元素以结束标签终止
元素的内容就是开始标签与结束标签之间的内容
某些HTML元素具有空内容
空元素在开始标签中关闭
大多数HTML元素拥有属性
大多数HTML元素可以嵌套，就像上面的HTML实例
<br>标签定义换行，就是一个没有关闭元素的空元素
<br/>是关闭空元素的正确方法
HTML标签对大小写不敏感，但是万维网联盟（w3c）推荐使用小写，所以建议小写
HTML属性
HTML标签可以拥有属性。属性提供了有关HTML元素更多的信息
属性总是以名称/值的形式出现，比如：name="value"。
属性总是写在HTML元素的开始标签中，属性的值应该括在引号里面。双引号最常用，单引号也没有问题。在某些个别情况下，比如属性值本身就有双引号，只能使用单引号了。同样属性推荐使用小写
常用的属性
class：元素的类名
id：元素的唯一id
HTML学习笔记03-HTML基础的更多相关文章
- mobx学习笔记03——mobx基础语法（decorator修饰器）
在声明阶段实现类与类成员注解的一种语法. function log(target){ const desc = Object.getOwnPropertyDescriotors(target.prot ...
- Redis：学习笔记-03
Redis:学习笔记-03 该部分内容,参考了 bilibili 上讲解 Redis 中,观看数最多的课程 Redis最新超详细版教程通俗易懂,来自 UP主 遇见狂神说 7. Redis配置文件 启动 ...
- js学习笔记：webpack基础入门（一）
之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...
- Java学习笔记：语言基础
Java学习笔记:语言基础 2014-1-31 最近开始学习Java,目的倒不在于想深入的掌握Java开发,而是想了解Java的基本语法,可以阅读Java源代码,从而拓展一些知识面.同时为学习An ...
- 卷积神经网络(CNN)学习笔记1：基础入门
卷积神经网络(CNN)学习笔记1:基础入门 Posted on 2016-03-01 | In Machine Learning | 9 Comments | 14935 Vie ...
- 机器学习实战（Machine Learning in Action）学习笔记————03.决策树原理、源码解析及测试
机器学习实战(Machine Learning in Action)学习笔记————03.决策树原理.源码解析及测试 关键字:决策树.python.源码解析.测试作者:米仓山下时间:2018-10-2 ...
- OpenCV 学习笔记03 边界框、最小矩形区域和最小闭圆的轮廓
本节代码使用的opencv-python 4.0.1,numpy 1.15.4 + mkl 使用图片为 Mjolnir_Round_Car_Magnet_300x300.jpg 代码如下: impor ...
- OpenCV 学习笔记03 findContours函数
opencv-python 4.0.1 1 函数释义 词义:发现轮廓! 从二进制图像中查找轮廓(Finds contours in a binary image):轮廓是形状分析和物体检测和识别的 ...
- C++ GUI Qt4学习笔记03
C++ GUI Qt4学习笔记03 qtc++spreadsheet文档工具resources 本章介绍创建Spreadsheet应用程序的主窗口 1.子类化QMainWindow 通过子类化QM ...
- SaToken学习笔记-03
SaToken学习笔记-03 如果排版有问题,请点击:传送门 核心思想 所谓权限验证,验证的核心就是一个账号是否拥有一个权限码 有,就让你通过.没有?那么禁止访问! 再往底了说,就是每个账号都会拥有一 ...
随机推荐
- UOJ#7. 【NOI2014】购票 | 线段树 凸包优化DP
题目链接 UOJ #7 题解 首先这一定是DP!可以写出: \[f[i] = \min_{ancestor\ j} \{f[j] + (d[j] - d[i]) * p[i] + q[i]\}\] 其 ...
- P1274 魔术数字游戏 naive搜索+剪枝
真的naive...... 我把所有能剪的枝都剪了才过的.否则就是TTT 还有个很神奇的事:数组作为参数传进递归函数时会造成上一层函数里的数组的改变.这个我TM调了一天. 下面奉上代码 #includ ...
- hdu 1097 A hard puzzle 快速幂取模
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1097 分析:简单题,快速幂取模, 由于只要求输出最后一位,所以开始就可以直接mod10. /*A ha ...
- 数据类型、位运算、sizeof()函数
数据精度,依次升高.(负数必须使用有符号类型) 不同精度的数据间运算,所得结果为高精度类型. 数据类型详细信息如下图: 整型数据的数制:十进制(32).八进制(032,以0开头).十六进制(0x32, ...
- 使用WinDbg下的gflags工具导致程序无法执行
问题:the system cannot find file **.exe. 解决方法:开始-运行-输入regedit打开注册表编辑器,找到 HKEY_LOCAL_MACHINE/SOFTWARE/M ...
- 用c语言实现http请求
用c语言来实现一个简单的http请求,请求 www.cnblogs.com 首页 #include<stdio.h> #include<stdlib.h> #include&l ...
- 继承的方式完成包装__attr__
__getattr__ 当实例要调用的属性不存在的时候会触发 __setattr__ 当实例要设置属性的时候会触发 __delattr__ 当实例要删除属性的时候会触发 这三个方法是 ...
- js模块化的两种规范AMD和CMD
AMD 规范在这里:https://github.com/amdjs/amdjs-api/wiki/AMDCMD 规范在这里:https://github.com/seajs/seajs/issues ...
- linux配置无秘钥登陆
linux配置无秘钥登陆 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 最近有点心烦,很少写博客了,后期的3个月里,估计更新的频率也不会太高,请见谅,今天给大家共享一下linux不 ...
- Python基础【day02】：列表（三）
本节内容 0.列表常用功能汇总1.定义列表2.访问列表中的元素3.切片4.追加5.插入6.修改7.拷贝8.删除9.扩展10.统计11.翻转12.排序13.获取下标值14.清空列表 列表是Python最 ...