HTML
大前小白
哪有什么天才!
坚持做自己喜欢做的事情,这本身就是一种天赋。
展开
-
创建布局
div实现上中下布局颜色简单布局: <!DOCTYPE html> <hmtl> <head> <title>简单布局</title> <style> body{ width: 960px; margin: 0 auto;...原创 2020-01-19 10:00:22 · 139 阅读 · 0 评论 -
背景和宽高
关于CSS的背景属性,我们可以从下面几个方面来进行相关了解:background-color,设置元素背景颜色background-image,设置背景图像,默认值为 nonebackground-repeat,设置背景图像是否及如何重复background-position,设置背景图像的起始位置background,上面属性的简写属性设置背景颜色为红色: h1{back...原创 2020-01-18 10:12:59 · 235 阅读 · 1 评论 -
div 标签
定义:HTML文档中的分隔或者是部分,常用于组合块级元素,以便通过样式表来对元素进行格式化。<div> 是一个块级元素,也就是说它的内容自动的开始一个新行,换行是它固有的特定格式表现,同时它也是一个双向标签。它应用于样式表,有多种属性:Class、Style、title、ID等。小实例:在div中给定id或者是类选择器: <h1>侠课岛</h1>...原创 2020-01-17 09:36:04 · 3605 阅读 · 0 评论 -
选择器
CSS中的选择我们可以分为两种:类选择器和ID选择器。类选择器:用 .class 表示,选取带有指定类 (class) 的元素,用于为具有相同类名的元素定义相同的样式。ID选择器用:用 id 表示,它指定HTML元素的唯一ID,选择具有特定ID的元素,我们需要写一个 # 字符,后紧跟着元素ID。定义一个无序列表,然后通过类选择器进行样式设置: <style> ...原创 2020-01-16 09:44:44 · 82 阅读 · 0 评论 -
CSS 文本标签
CSS 文本属性定义文本的外观,通过文本属性,我们可以改变文本的颜色,定义文本大小,设置文本文字的粗细,字符间距,对齐文本,装饰文本,对文本进行缩进等等。文字大小font-size,用来指定字体的尺寸。比如,给定一个文字的大小设置为16px: font-size:16px;字体粗细font-weight,用来指定文字的粗细。文字的粗细可以有多个值:bold、normal、bol...原创 2020-01-15 09:45:36 · 829 阅读 · 0 评论 -
初始CSS
层叠样式表(Cascading Style Sheets),是一种用来表现HTML(标准统一标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS描述了HTML元素如何在屏幕,纸张或其他媒体上显示,它节省了大量的工作,可以一次控制多个网页的布局。基本语法构成:选择器和一条声明或多条。CSS样式的写法可以有三种情况:第一种内联CSS,直接在HTML元素内使用...原创 2020-01-14 09:40:30 · 102 阅读 · 0 评论 -
part1 知识点回顾与综合练习
在第一个部分中,关于HTML和CSS的基础知识,我们认识到了html基本结构、注释、以及它的相关标签(head、meta、标题段落、链接),然后还有学习到了三个基本的列表属性和关于图像标签的应用。这一节呢,我们就前面的基础知识进行一个简单的知识点回顾以及综合小测验,看一下我们到底掌握了多少吧…练习题输出第一部分所学知识关于html的所有标签有哪些,它们代表的含义又是什么?分别输出 h1...原创 2020-01-13 09:53:34 · 123 阅读 · 0 评论 -
img 标签
在HTML中,图像是用 定义的。它的标签是空的,仅包含属性,而且它没有闭合标签。<img> 元素向网页中嵌入一幅图像,它有两个必需的属性:第一个是 src,它的值是 URL,规定显示图像的URL(网址),第二个是 alt,它的值是 text,规定图像的替代文本。语法: <img src="url" alt="text" />小实例: <img...原创 2020-01-10 09:50:57 · 416 阅读 · 0 评论 -
列表
HTML的常用列表可以分为三种:无序列表,有序列表以及定义列表。无序列表定义:<ul>...</ul> ,表示项目之间没有顺序规定的列表。内层标签是 <li>...</li>,它有一个type属性,常用的值有三种:disc,实心圆点circle,空心圆点(默认值)square,实心方块小实例: <ul> ...原创 2020-01-09 09:52:45 · 103 阅读 · 0 评论 -
a 标签
HTML语言标签,<a> 标签定义超链接,用于从一个页面链接到另一个页面。语法: <a href="url">链接文本</a>href 属性指定链接的目标地址。在 <a> 标签里面的链接方式可以分为四种:内部链接 <a href="index.html">内部链接</a>外部链接 <a hr...原创 2020-01-08 09:57:36 · 259 阅读 · 0 评论 -
段落标签
HTML <p> 元素定义了一个段落。 <p>Welcome to xkd!</p>段落标签是有结束标签的,也就是它是双向标签 <p> ... </p>,有开始就有结尾。 <p> 侠课岛是优秀的互联网工作技能在线学习网站,专注于制作大量精品短视频和图文实战教程,内容由一线大牛策划制作,系统化,短小精...原创 2020-01-07 09:59:53 · 950 阅读 · 0 评论 -
标题标签
标题是使用 <h1> 到 <h6> 标记定义的。<h1> 是最大的标题,<h2> 其次,然后依次类推,<h6> 是最小的标题。(这些标签的写入都是在 <body> 标签内进行的 )实际操作: <h1>标题 1</h1> <h2>标题 2</h2> &l...原创 2020-01-06 09:53:25 · 96 阅读 · 0 评论 -
meta 标签
meta用于指定元素使用字符集,页面描述,关键字,作者以及其它元数据。 // 1:定义使用的元素集 utf-8 <meta charset="utf-8"> // 2:定义描述的网页 description <meta name="description" content="Welcome to xkd_3"> ...原创 2020-01-02 09:45:30 · 74 阅读 · 0 评论 -
meta 标签
用于指定元素使用字符集,页面描述,关键字,作者以及其它元数据。 // 1:定义使用的元素集 utf-8 <meta charset="utf-8"> // 2:定义描述的网页 description <meta name="description" content="Welcome to xkd_3"> // 3...原创 2019-12-31 10:27:28 · 55 阅读 · 0 评论 -
HTML head
head 元素放置在 <html> 和 <body> 标签之间。<head> 下面的标签元数据可以是:<title>、<meta>、<style>、<link>、<script> 和 <base>。title定义文档标题。 <!DOCTYPE html> ...原创 2019-12-30 11:20:08 · 96 阅读 · 0 评论 -
HTML 注释
定义:用于在HTML源代码中插入注释,它并不会显示到浏览器中。HTML中的注释分为两种,一种是在JavaScript中规定注释,另一种是在页面源代码中的注释。在页面源代码中的注释可以用 <!-- --> 来表示。 <body> <!-- 对您要输入内容的解释说明 --> </body>在JavaScript中的注释我们...原创 2019-12-23 10:55:05 · 3226 阅读 · 0 评论 -
html 基本结构
HTML 是什么?表示超文本标记语言(Hyper Text Markup Language)描述了网页的结构由一些列元素组成元素告诉浏览器如何显示内容,由标签表示标签标记了“标题”,“段落”,“表”等内容浏览器不显示HTMl标记,而是使用它们来呈现页面内容基本结构<!DOCTYPE html><html> <head> &...原创 2019-12-20 13:56:13 · 412 阅读 · 0 评论