初识Web——学习笔记(持续更新)

2022/1/7 23:04:52

本文主要是介绍初识Web——学习笔记(持续更新),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

目录

一、HTML

1、HTML简述

2、HTML的基本标签

二、CSS

1、CSS简介

2、CSS的及基本使用


一、HTML

1、HTML简述

HTML 是用来描述网页的一种语言,又叫做超文本标记语言。它不是一种编程语言,而是一种标记语言。它 使用标记标签来描述网页,HTML文档也叫做 web 页面,包含了HTML 标签文本内容。

2、HTML的基本标签

标题标签:(h1最大,h6最小)

大部分 HTML 元素都有一个开始标记<h1>和一个结束标记</h1>。开始标记和结束标记的唯一区别就是结束标记多了一个/

<h1>一级标题</h1>
<h2>二级标题</h12>
.
.
.
<h6>六级标题</h6>

段落标签

用于展示效果中划分段落,并且自动在段前段后加空白行。开始标记<p结束标记</ p>

<p>我是一个段落标签</p>

<br /> 用于强制换行

二、CSS

1、CSS简介

CSS 的全称是 Cascading Style Sheet(层叠样式表),它主要用来控制网页的样式。使用CSS也可以对HTML文档进行描述。CSS是层叠样式表,不属于编程语言。

2、CSS的及基本使用

内联样式:你可以直接在 HTML 元素里使用style属性。

<head>
<style type="text/CSS">
    选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
</style>
</head>

内部样式:你可以在style标签里面声明样式规则。

<标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名>

外部样式:你可以创建一个.css文件,然后在文件中编写样式规则,最后在文档中引用该文件。

<head>
  <link href="CSS文件的路径"  rel="stylesheet" />
</head>

总结:这三种样式规则中属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等;属性和属性值以“键值对”的形式出现。属性和属性值之间用英文“:”连接。多个“键值对”之间用英文“;”进行区分。



这篇关于初识Web——学习笔记(持续更新)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程