<!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基础的更多相关文章

  1. mobx学习笔记03——mobx基础语法(decorator修饰器)

    在声明阶段实现类与类成员注解的一种语法. function log(target){ const desc = Object.getOwnPropertyDescriotors(target.prot ...

  2. Redis:学习笔记-03

    Redis:学习笔记-03 该部分内容,参考了 bilibili 上讲解 Redis 中,观看数最多的课程 Redis最新超详细版教程通俗易懂,来自 UP主 遇见狂神说 7. Redis配置文件 启动 ...

  3. js学习笔记:webpack基础入门(一)

    之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...

  4. Java学习笔记:语言基础

    Java学习笔记:语言基础 2014-1-31   最近开始学习Java,目的倒不在于想深入的掌握Java开发,而是想了解Java的基本语法,可以阅读Java源代码,从而拓展一些知识面.同时为学习An ...

  5. 卷积神经网络(CNN)学习笔记1:基础入门

    卷积神经网络(CNN)学习笔记1:基础入门 Posted on 2016-03-01   |   In Machine Learning  |   9 Comments  |   14935  Vie ...

  6. 机器学习实战(Machine Learning in Action)学习笔记————03.决策树原理、源码解析及测试

    机器学习实战(Machine Learning in Action)学习笔记————03.决策树原理.源码解析及测试 关键字:决策树.python.源码解析.测试作者:米仓山下时间:2018-10-2 ...

  7. OpenCV 学习笔记03 边界框、最小矩形区域和最小闭圆的轮廓

    本节代码使用的opencv-python 4.0.1,numpy 1.15.4 + mkl 使用图片为 Mjolnir_Round_Car_Magnet_300x300.jpg 代码如下: impor ...

  8. OpenCV 学习笔记03 findContours函数

    opencv-python   4.0.1 1 函数释义 词义:发现轮廓! 从二进制图像中查找轮廓(Finds contours in a binary image):轮廓是形状分析和物体检测和识别的 ...

  9. C++ GUI Qt4学习笔记03

    C++ GUI Qt4学习笔记03   qtc++spreadsheet文档工具resources 本章介绍创建Spreadsheet应用程序的主窗口 1.子类化QMainWindow 通过子类化QM ...

  10. SaToken学习笔记-03

    SaToken学习笔记-03 如果排版有问题,请点击:传送门 核心思想 所谓权限验证,验证的核心就是一个账号是否拥有一个权限码 有,就让你通过.没有?那么禁止访问! 再往底了说,就是每个账号都会拥有一 ...

随机推荐

  1. 手动实现staticmethod和classmethod装饰器

    首先,staticmethod和classmethod装饰器是通过非数据描述符实现的.用法简单,这里就不细说了. 这里主要分析一下staticmethod和classmethod是如何通过描述符实现的 ...

  2. 省选模拟赛第四轮 B——O(n^4)->O(n^3)->O(n^2)

    一 稍微转化一下,就是找所有和原树差距不超过k的不同构树的个数 一个挺trick的想法是: 由于矩阵树定理的行列式的值是把邻接矩阵数值看做边权的图的所有生成树的边权乘积之和 那么如果把不存在于原树中的 ...

  3. share.js一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等

    官网上面 https://github.com/overtrue/share.js非常详细的介绍了share.js他的使用 使用方式有:第一:使用 npm npm install social-sha ...

  4. eclipse复制工作空间配置

    eclipse复制工作空间配置   eclipse复制工作空间配置 总结一下,复制工作空间配置步骤如下: 1 使用eclipse新建workspace. 2 将新建的workspace下的.metad ...

  5. 关于TCP连接状态的解释

    TCP各个状态主要存在于三次握手和四次挥手的过程 1.TCP建立连接时的三次握手: 服务端应用监听端口处于LISTEN状态,等待建立连接. 第一次握手:客户端发送SYN=一个随机数,然后进入SYN_S ...

  6. vue2.0 之事件处理器

    事件绑定v-on(内置事件) <template> <div> <a v-if="isPartA">partA</a> <a ...

  7. Python基础【day02】:元组和购物车练习的知识点

    一.元组 元组其实跟列表差不多,也是存一组数,只不是它一旦创建,便不能再修改,所以又叫只读列表 用途:一般情况下用于自己写的程序能存下数据,但是又希望这些数据不会被改变,比如:数据库连接信息等 1.元 ...

  8. Vusial Studio连接不到源代码管理器Vss

    我的VS突然链接不到我的源代码管理器了,重新注册一下就好了,regsvr32是注册命令,后面的填你自己的源代码路径 regsvr32 "E:\vss\ssscc.dll" regs ...

  9. CM记录-Hadoop运维管理

    1.自动化运维--cloudera manager 2.手动运维 a.启动./start.all.sh,停止./stop-all.sh b.hdfs启动/停止:./start-dfs.sh   ./s ...

  10. js 定义像java一样的map方便取值【转】

    js 定义像java一样的map方便取值.  百度有位大神说"js对象本身就是一种Map结构",这真是一段让人欢天喜地的代码. <script> //定义一个全局map ...