[HTML/CSS基础]知识点汇总
目录
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>
特殊字符:
空格符:
左尖括号:<
右尖括号:>
版权符:&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基础]知识点汇总相关推荐
- CSS重要知识点汇总
CSS重要知识点汇总 本文通过对w3school的CSS基础教程,整理出比较常见的却又容易遗忘或者忽略的CSS相关知识点.本文的标题顺序与w3school中的CSS基础教程标题顺序保持一致.适合翻阅和 ...
- java基础知识大全,java 基础知识点汇总
java 基础知识点汇总 问题一:我声明了什么! String s = "Hello world!"; 许多人都做过这样的事情,但是,我们到底声明了什么?回答通常是:一个Strin ...
- 前端css基础知识点之PC端项目-规范
前端css基础知识点之PC端项目-规范 1 文件管理 文件名用英文命名 css文件夹 reset.css(常用的浏览器样式) public.css(公共的样式.比如页面的头部尾部.重复使用字体.字号等 ...
- C语言基础知识点汇总(一)
C语言基础知识点汇总(一) 1.读程序都要从main()入口, 然后从最上面顺序往下读(碰到循环做循环,碰到选择做选择),有且只有一个main函数. 2.程序中基本的控制结构是三种: 顺序结构 .选择 ...
- C语言基础知识点汇总(1)
C语言基础知识点汇总(1) 1.读程序都要从main()入口, 然后从最上面顺序往下读(碰到循环做循环,碰到选择做选择),有且只有一个main函数. 2.程序中基本的控制结构是三种: 顺序结构 .选择 ...
- 前端css基础知识点之opacity——透明度
前端css基础知识点之opacity--透明度 opacity opacity:num /*num 0到1*/ 兼容性 ie9及以上和标准浏览器都支持 特点 设置opacity的元素的所有后代会一起具 ...
- 计算机基础知识点文库,计算机基础知识点汇总.doc
计算机基础知识点汇总.doc (19页) 本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦! 14.9 积分 一-.基础操作1. 在中文Windows中,使用软键 ...
- 前端css基础知识点之sprite——雪碧(精灵)
前端css基础知识点之sprite--雪碧(精灵) css sprite css精灵或css雪碧 把网页中一些背景图片整合到一个大文件中,然后利用 background-image.backgroun ...
- Python零基础入门,纯干货!【Python基础知识点汇总整理】
目录 第一章 认识Python.Python常用集成开发环境PyCharm 一.认识 Python 01. Python 的起源 1.2 Python 的设计目标 1.3 Python 的设计哲学 0 ...
最新文章
- python列表切片口诀-Python-100例(7-8) 复制列表 打印乘法口诀
- 俄罗斯研发替身机器人,危险工作无需真人
- 浅析Memcache和Redis
- java 将一张图片切割成n个小图片,任意切割一张图片成新图片
- C++primer 第 3 章 字符串、向量和数组 3 . 4 迭代器介绍
- vue混合开发笔记, this的指向
- hyperworks安装教程linux,HyperWorks安装说明.ppt
- 【java】java 线程状态之 TIMED_WAITING
- Trend Micro Password Manager 多个高危漏洞
- idea 用鼠标滚轮调整代码文字大小
- 解决办法:对‘operator delete(void*)’未定义的引用
- 服装打版软件ET2019淘宝100RMB买的
- 非线性光学近似计算机应用,非线性光学.doc
- CISCO Nexus 系列交换机配置命令
- freemarker导出word文档中的复选框打钩功能
- matlab怎么计算泰尔指数,求助:泰尔指数怎么算呢
- 红警3修改器无法连接服务器,红警3序列号修改器-不能加入游戏怎么办?红警3连局域网说cd-– 手机爱问...
- SystemService简介
- centos7 RPM命令安装.rpm文件操作
- 商业智能中的决策, 数据和数据处理方法
热门文章
- Sans Serif Serif Monospace
- 情感分析_积极消极词库
- 黑马学成在线-媒资管理
- linux ip rcv,Linux网络层 ip_rcv()函数代码分析(__pskb_pull_tail)
- python数据驱动库_python webdriver测试框架--数据驱动DB驱动
- 怎么样才能更好的管理仓库?方法有哪些?
- Excel文件如何找回打开密码
- RabbitMQ的应答模式
- 功能核磁共振影像分析AFNI教程(2)
- CTFshow SSRF(web351-360)