HTML和css的笔记,Html和Css学习笔记-html基础知识

此篇博客是我的复习笔记,html和css学的时间太久了,忘得差不多了,最近要使用一下,所以重新打开html的书略读,后记录了标签,元素,属性的具体意义。

这里所介绍的html和css的版本为html5与css3

Html是超文本标记语言(英语全称:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言

Css是层叠样式表(英文全称:Cascading Style Sheets)是一种用来html和xml等文件样式的计算机语言,CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

一.基础内容:

标记=开始标记+内容+结束标记

标记可以嵌套使用,例如:页面主体标记中含有标题标记,段落标记。

有些标记有属性,具体格式,以a标记为例,xxxx其中make为标记的属性。

设计为没有任何内容的元素称为void元素,需要使用void元素时,只需要使用一个开始标记,这是一种方便的简写,可以减少html中的标记数量

二.常用标记的使用与意义:

html5的文档类型定义,这一行要写到html文件开头

标记html页面的开始和结束

标记指定字符编码,这一行要写到

元素中所有其他元素上面为页面指定一个标题,标记中的内容出现在浏览器的顶部

中间xxx的内容为注释的内容

编写html时要把首部和页面主体分开

为主标题,从

依次为副标题,字体由大到小
 
标签定义块引用,之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。也就是说,块引用拥有它们自己的空间


插入一个换行符

标签定义一个短的引用,浏览器经常会在这种引用的周围插入引号

需要了解的内容(一些老版本弃置的元素与不建议使用的元素,做到看见了要明白其含义)

定义一个有序列表
  • 标签定义无序列表
  • 标签定义列表项目,
  • 标签可用在有序列表 (
    1. ) 和无序列表 (
    • ) 中
    (定义项目/名字)和
    (描述每一个项目/名字)一起使用

    标签告诉浏览器把其中的文本表示为强调的内容,对于所有浏览器来说,这意味着要把这段文字用斜体来显示

    xxxx利用font元素改变字体

    对其包围的文本进行水平居中处理

    一些字符实体

    &lt显示为<

    &gt显示为>

    &copyright显示为©

    三.一个简单的html框架

    Hello Wrld!

    演示文件,页面显示hello world!

    Hello Wrld !

    四.在页面中插入一个链接

    用于创建指向其它页面的链接,元素中的内容就是链接文本,在浏览器中链接文本会显示有下划线,指示这是可单击的,例如:

    title="文本描述">(链接文本)

    href属性指向链接文件的路径

    rirle属性所需链接页面的文本描述

    加入id属性用于具体指向某个链接的某个标题,例如:

    xxxxx

    并同步页面中的标题,链接所使用的标识符要与标题的标识符设置一致

    xxxxx

    加入target属性,使浏览器打开链接时为单独的窗口,而不是同一窗口,例如:

    title="xxxxxxxxx">xxxxxxxxx

    如果不加入target属性,点击链接时浏览器会在同一窗口打开链接,加入此属性,浏览器会在单独窗口打开链接

    五.在页面中插入图像

    xxxxx标记为在页面中显示图像,xxx为图片的路径或url

    alt=“xxx”属性为描述这个图像内容的文本,如果图像未能显示,就会使用这个文本来取代它。

    width-"xxx"属性告诉浏览器在页面中显示图像的宽度

    height="xxx"属性告诉浏览器在页面中显示图像的高度

    MyBatis&colon;学习笔记&lpar;1&rpar;——基础知识

    MyBatis:学习笔记(1)--基础知识 引入MyBatis JDBC编程的问题及解决设想 ☐ 数据库连接使用时创建,不使用时就释放,频繁开启和关闭,造成数据库资源浪费,影响数据库性能. ☐ 使用数 ...

    C&num;学习笔记(基础知识回顾)之值类型与引用类型转换(装箱和拆箱)

    一:值类型和引用类型的含义参考前一篇文章 C#学习笔记(基础知识回顾)之值类型和引用类型 1.1,C#数据类型分为在栈上分配内存的值类型和在托管堆上分配内存的引用类型.如果int只不过是栈上的一个4字 ...

    C&num;学习笔记(基础知识回顾)之值传递和引用传递

    一:要了解值传递和引用传递,先要知道这两种类型含义,可以参考上一篇 C#学习笔记(基础知识回顾)之值类型和引用类型 二:给方法传递参数分为值传递和引用传递. 2.1在变量通过引用传递给方法时,被调用的 ...

    C&num;学习笔记(基础知识回顾)之值类型和引用类型

    一:C#把数据类型分为值类型和引用类型 1.1:从概念上来看,其区别是值类型直接存储值,而引用类型存储对值的引用. 1.2:这两种类型在内存的不同地方,值类型存储在堆栈中,而引用类型存储在托管对上.存 ...

    Quartz学习笔记:基础知识

    Quartz学习笔记:基础知识 引入Quartz 关于任务调度 关于任务调度,Java.util.Timer是最简单的一种实现任务调度的方法,简单的使用如下: import java.util.Tim ...

    &period;net学习笔记---xml基础知识

    一.XML简介 XML是一种标记语言,用于描述数据,它提供一种标准化的方式来来表示文本数据.XML文档以.xml为后缀.需要彻底注意的是XML是区分大小写的. 先从一个简单的XML例子来了解下xml基 ...

    Scala学习笔记--正则表达式基础知识、如何在scala内使用

    正则表达式语法:https://msdn.microsoft.com/zh-cn/library/ae5bf541(VS.80).aspx 基础知识:正则表达式30分钟入门教程 http://www. ...

    &lpar;C&sol;C&plus;&plus;学习笔记&rpar; 一&period; 基础知识

    一. 基础知识 ● 程序和C/C++ 程序: 根据Wirth (1976), Algorithms + Data Structures = Programs. Whence C: 1972, Denn ...

    C&num;学习笔记(基础知识回顾)之枚举

    一:枚举的含义 枚举是用户定义的整数类型.在声明一个枚举时,要指定该枚举的示例可以包含的一组可接受的值.还可以给值指定易于记忆的名称.个人理解就是为一组整数值赋予意义. 二:枚举的优势 2.1:枚举可 ...

    随机推荐

    Basic Tutorials of Redis&lpar;7&rpar; -Publish and Subscribe

    This post is mainly about the publishment and subscription in Redis.I think you may subscribe some o ...

    UITableView优化的方法

    使用不透明视图. 不透明的视图可以极大地提高渲染的速度.因此如非必要,可以将table cell及其子视图的opaque属性设为YES(默认值). 其中的特例包括背景色,它的alpha值应该为1(例如 ...

    GIT(分布式版本控制系统)

    Git是一款免费.开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目.[1] Git的读音为/gɪt/. Git是一个开源的分布式版本控制系统,用以有效.高速的处理从很小到非常大的项目版本 ...

    &lbrack;leetcode&rsqb;&lowbar;Add Two Numbers

    题目:两个链表存储数字,然后求和,和值存储在一个链表中. 代码: public ListNode addTwoNumbers(ListNode l1, ListNode l2) { ListNode ...

    Chapter12:动态内存

    智能指针——shared_ptr 为了更容易地使用动态内存,新的标准提供了智能指针来管理动态对象.智能指针的行为类似常规指针,重要的区别是它负责自动释放指向的对象. 智能指针的使用方式与普通指针类似. ...

    Java乔晓松-android中上传图片到服务器Tomcat&lpar;Struts2&rpar;

    在做android开发的时候,有时你会用到图片的上传功能,在我的android项目中,我是选中图片,点击上传多张图片 android客户端上传图片部分的代码如下: package com.exampl ...

    await和async更多的理解

    最近有不少网友提起await和async,呵呵,C# 5引进的语法糖. 这个语法糖还真不好吃,能绕倒一堆初学的朋友,在网上也有很多网友关于这块知识点的争论,有对有错,今天在这里把这个误区好好讲讲. 在 ...

    bzoj 3759 Hungergame 博弈论&plus;线性基

    和nim游戏类似 易证必败状态为:当前打开的箱子中石子异或和为0,没打开的箱子中不存在一个子集满足异或和为0 因为先手无论是取石子还是开箱子,后手都可以通过取石子来使状态变回原状态 所以只需判定是否有 ...

    WritePrivateProfileString GetPrivateProfileString 读取写 配置文件

    Public Declare Function GetPrivateProfileString Lib "kernel32" Alias "GetPrivateProfi ...

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值