html+CSS笔记(1)

1、 什么是HTML?

  • HTML是一种超文本标记语言「Hyper Text Markup Language」;
  • HTML不是一种编程语言,而是一种标记语言;
  • HTML使用标记标签来描述网页;
  • HTML的标记标签简称为HTML标签;
  • HTML是一种解释型语言,由浏览器解释执行。

简单来说:HTML是一种描述网页的标记语言

2、 什么是HTML文档?

  • HTML文档描述网页;
  • HTML文档只包含:
  • HTML标签和纯文本;
  • HTML文档被简称网页;
  • Web浏览器的作用是读取HTML文档,并以网页的形式展示出来;
  • HTML文档的常见后缀:.html .htm

3、 HTML的基本语法

  • HTML标签必须由<>包裹;
  • HTML标签一般成对出现,分为:开始/开放标签和结束/闭合标签,也称容器;
  • 标签与标签之间可以嵌套,但必须正确的嵌套;
  • HTML标签不区分大小写

4、 HTML的基本结构

 <html>为根标签,包含2大部分:<head><body><head>定义HTML的头部,一般定义HTML的元信息,包含元素:<title>  |  <meta>  |
 <body>标签之间定义的是网页的主要内容。

5、 HTML的代码注释符:

<!-- 要注释的内容 -->

<标签名 属性名1=属性值1 属性名2=属性值2…>

标签1
title:定义网页的标题

标签2:
meta中的charset属性定义网页的编码格式

标签3:
body:定义网页的主体
属性1:
bgcolor:设置网页的背景颜色
属性2:
Background:设置网页的背景图片(优先级更高)
属性3:
Text:设置文本的颜色

基本标签1:

<hx></hx>	标题标签(独占一行)

基本标签2:

<br>			换行标签

基本标签3:

<hr>			下划线标签

基本标签4:

<p></p>		段落标签(间距比较大)

基本标签5:

<pre></pre>	预排版标签	

基本标签6:

<img/>		图片标签

基本标签7:

<font>		文本字体标签
	属性1:
		Color:设置文本字体的颜色
	属性2:
		Size:设置文本字体的大小
	属性3:
		Face:设置文本字体的字体

基本标签8(文本格式化标签):

<b>			使文字加粗
<i>			使文字倾斜
<u>			使文字下面加下划线
<sup>		使内容比前面的字体小,高
<sub>		使内容比前面的字体小,低

基本标签9:
< marquee> 跑马灯标签
属性:
direction: 设置跑动方向;属性值:up | down | left | right
behaviour: 设置跑动方式;属性值:scroll循环跑动| slide只跑动1次 | alternate:来回交替跑动
scrollmount: 设置跑动速度「即每次跑动的长度;单位:像素」;
scrolldelay: 设置滚动延迟「即延迟多长时间开始;单位:毫秒」
loop: 设置滚动循环「默认值:-1」
width/height: 设置滚动范围
bgcolor: 设置滚动背景颜色
hspace/vspace: 设置水平/垂直方向的空白空间

标签10:

<a>		超链接标签(跳转到另外一个页面)
		必选属性:href:设置要跳转的绝对路径/相对路径
		属性1:
target:设置在哪里「怎样」打开超链接页面;属性值:target="_blank  |  			_parent  |  _self  |  _top"	
		属性2:
			name(配合#跳转到页面指定位置)
				第一步:做记号:	<a name="自定义标记名'>需要做记号的内容</a>
				第二步:跳转到当前页面指定位置:<a href="#自定义标记名">超链接内							容</a>

标签11:
音频标签
必选属性:src:设置音频的路径
可选属性:loop:设置播放的次数

基本标签12:

	无序列表<ul><li>
		定义格式:
			<ul   type=”属性值”>						说明它是一个无序列表
				<li></li>								代表每一条
				<li></li></ul>
		属性type的作用: 设置列表每一条前面的样式
			disc:实心圆   circle:空心圆   square:正方形、
	有序列表<ol><li>
		定义格式:
			<ol>
				<li></li>
				<li></li></ol>			
自定义列表<dl><dt><dd>
<dl>					表明它是一个自定义列表
	<dt></dt>		代表列表中的每一条
	<dd></dd>		说明
</dl>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值