目录

HTML基础语法:

定义:

标签:

属性:

文档结构:

文档声明:

hml元素:

head元素:

body元素:

文本标签:

标题段落:

标题大小:

段落:

属性:align

文字修饰:

特殊字符:

分隔:

换行:

水平线:


列表:

无序列表:

有序列表:

  • 图像:

    常见图像格式:

    标签:

    属性:

    URL路径:

    绝对路径:

    相对路径:

    超链接

    标签:

    属性:

    href:打开目标路径

    target:链接打开方式

    name:锚点名

    文本样式:

    CSS基础语法

    定义:

    语法规范:

    使用方法:

    选择器:


HTML基础语法:

定义:

超文本标记语言(Hyper Text Markup Lauguage)

用该语言编写的文件,以.html或.htm为后缀

标签:

标签是由尖括号包围起来的关键词。

通常是成双成对出现的,例如:<body>````</body>

但部分标签只有开头部分

属性:

属性为HTML元素提供附加信息 { 格式:<p align="center">

属性仅出现在开始标签中。

其名称和属性值之间用等号连接,属性值包含在引号中。

属性与标签/属性之间用空格隔开,多个属性不重复且无前后关系。

文档结构:

文档声明:

帮助浏览器正确地显示网页。

<!doctype html>

hml元素:

根元素,可告知浏览器其自身是一个HTML文档。

head元素:

文档地头部描述了文档地各种信息和属性。

meat元素:元数据,用于定义网页地基本信息。

title元素:文档标题,标题元素地内容出现在浏览器顶部。

body元素:

文档主题,可包含文档地所有可见部分。


文本标签:

标题段落:

标题大小:

<h1>至<h6>之间变小

段落:

<p>

属性:align

left左对齐

right右对齐

center居中对齐

justify两端对齐

文字修饰:

加粗<strong>

斜体<em>

下划线<ins>

删除线<del>

上标<sup>

下标<sub>

特殊字符:

空格符: &nbsp;

左尖括号:&lt;

右尖括号:&gt;

版权符:&cppy;

分隔:

换行:<br>

水平线:<hr>

属性:

宽width、高size、颜色color、对齐方式

列表:

无序列表:<ul>

属性:

type:

disc实心圆

circle空心圆

square正方形

有序列表:<ol>

属性:

起始序号:start

type:

1 阿拉伯数字

A大写英文字母

a小写英文字母

Ⅰ大写罗马数字

i小写罗马数字


图像:

常见图像格式:

jpg,png,gif。

标签:<img>

属性:

URL路径:

绝对路径:

从最高级目录出发开始的完整路径。

相对路径:

从当前目录出发寻找文件地路径。


超链接

标签:

<a>

属性:

href:打开目标路径

当路径是网页则为网页链接,是文件则是下载链接,是邮箱时则为邮件链接。

当路径时#xxx则为锚点链接:

①扔锚点:<a name="锚点名"></a>

②链接锚:<a href="#锚点名">链接文字</a>

也可以填写javascript语句

target:链接打开方式

_blank:新建窗口打开

_self:原窗口打开

_top:顶层框架窗口打开

_parent:父框架窗口打开

new:在同一新窗口打开

name:锚点名


文本样式:


CSS基础语法

定义:

语法规范:

使用方法:

选择器:

[HTML/CSS基础]知识点汇总相关推荐

  1. CSS重要知识点汇总

    CSS重要知识点汇总 本文通过对w3school的CSS基础教程,整理出比较常见的却又容易遗忘或者忽略的CSS相关知识点.本文的标题顺序与w3school中的CSS基础教程标题顺序保持一致.适合翻阅和 ...

  2. java基础知识大全,java 基础知识点汇总

    java 基础知识点汇总 问题一:我声明了什么! String s = "Hello world!"; 许多人都做过这样的事情,但是,我们到底声明了什么?回答通常是:一个Strin ...

  3. 前端css基础知识点之PC端项目-规范

    前端css基础知识点之PC端项目-规范 1 文件管理 文件名用英文命名 css文件夹 reset.css(常用的浏览器样式) public.css(公共的样式.比如页面的头部尾部.重复使用字体.字号等 ...

  4. C语言基础知识点汇总(一)

    C语言基础知识点汇总(一) 1.读程序都要从main()入口, 然后从最上面顺序往下读(碰到循环做循环,碰到选择做选择),有且只有一个main函数. 2.程序中基本的控制结构是三种: 顺序结构 .选择 ...

  5. C语言基础知识点汇总(1)

    C语言基础知识点汇总(1) 1.读程序都要从main()入口, 然后从最上面顺序往下读(碰到循环做循环,碰到选择做选择),有且只有一个main函数. 2.程序中基本的控制结构是三种: 顺序结构 .选择 ...

  6. 前端css基础知识点之opacity——透明度

    前端css基础知识点之opacity--透明度 opacity opacity:num /*num 0到1*/ 兼容性 ie9及以上和标准浏览器都支持 特点 设置opacity的元素的所有后代会一起具 ...

  7. 计算机基础知识点文库,计算机基础知识点汇总.doc

    计算机基础知识点汇总.doc (19页) 本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦! 14.9 积分 一-.基础操作1. 在中文Windows中,使用软键 ...

  8. 前端css基础知识点之sprite——雪碧(精灵)

    前端css基础知识点之sprite--雪碧(精灵) css sprite css精灵或css雪碧 把网页中一些背景图片整合到一个大文件中,然后利用 background-image.backgroun ...

  9. Python零基础入门,纯干货!【Python基础知识点汇总整理】

    目录 第一章 认识Python.Python常用集成开发环境PyCharm 一.认识 Python 01. Python 的起源 1.2 Python 的设计目标 1.3 Python 的设计哲学 0 ...

最新文章

  1. python列表切片口诀-Python-100例(7-8) 复制列表 打印乘法口诀
  2. 俄罗斯研发替身机器人,危险工作无需真人
  3. 浅析Memcache和Redis
  4. java 将一张图片切割成n个小图片,任意切割一张图片成新图片
  5. C++primer 第 3 章 字符串、向量和数组 3 . 4 迭代器介绍
  6. vue混合开发笔记, this的指向
  7. hyperworks安装教程linux,HyperWorks安装说明.ppt
  8. 【java】java 线程状态之 TIMED_WAITING
  9. Trend Micro Password Manager 多个高危漏洞
  10. idea 用鼠标滚轮调整代码文字大小
  11. 解决办法:对‘operator delete(void*)’未定义的引用
  12. 服装打版软件ET2019淘宝100RMB买的
  13. 非线性光学近似计算机应用,非线性光学.doc
  14. CISCO Nexus 系列交换机配置命令
  15. freemarker导出word文档中的复选框打钩功能
  16. matlab怎么计算泰尔指数,求助:泰尔指数怎么算呢
  17. 红警3修改器无法连接服务器,红警3序列号修改器-不能加入游戏怎么办?红警3连局域网说cd-– 手机爱问...
  18. SystemService简介
  19. centos7 RPM命令安装.rpm文件操作
  20. 商业智能中的决策, 数据和数据处理方法

热门文章

  1. Sans Serif Serif Monospace
  2. 情感分析_积极消极词库
  3. 黑马学成在线-媒资管理
  4. linux ip rcv,Linux网络层 ip_rcv()函数代码分析(__pskb_pull_tail)
  5. python数据驱动库_python webdriver测试框架--数据驱动DB驱动
  6. 怎么样才能更好的管理仓库?方法有哪些?
  7. Excel文件如何找回打开密码
  8. RabbitMQ的应答模式
  9. 功能核磁共振影像分析AFNI教程(2)
  10. CTFshow SSRF(web351-360)