html学习笔记(1)

川长思鸟来 2022-08-07 13:36 192阅读 0赞

1、html：超文本标记语言，标记：就是用来描述网页内容的一些特定符号，不是编程语言，而是一种描述性的标记语言。

2、制作html网页文件

a、新建一个记事本文件，将他重命名 \*.html

b、在里面输入网页的信息内容

c、在要修饰的内容的两侧加html标记

3、html标记的语法：标记分为两种：单标记、双标记

a、<标记符>没有结束的标记---单标记

<标记名称>单一型，无属性值，如

<标记名称 属性=“属性值”>单一型，有属性值，如<hr width="50%">

b、<开始标记> <结束标记> ---双标记

<标记名称>  </ 标记名称>没有属性值，如<title>  </title>

<标记名称 属性=“属性值”>  </ 标记名称>有属性值 <body bgcolor="red">  </body>

注意：源代码中的效果，并不是浏览器最终的效果。

4、标记与属性、属性之间以空格分隔，属性不区分先后顺序，且属性不是必须的。

5、在xhtml中，规定，所有html标记都要小写，所有标记都要有关闭

html---xhtml

---

6、html文档结构

所有的网页文件，通常由四对标记来构成，文档的骨架：

<html>   标识网页文件的开始与结束，所有的html元素都要放在这对标记中

<head>  标识网页文件的头部信息，如标题、（用于）搜索引擎的关键字等

<title>  标识网页文件的标题

标题

</title>

</head>

<body>  标识网页文件的主题部分

正文

</body>

</html>

7、meta标记用于定义文件信息，对网页文件进行说明，便于搜索引擎查找。放置<head> </head>之间设置关键字：

设置描述：<meta name="description" content="value">

设置作者：<meta name="author" content="作者名">

设置字符集：<meta http-equiv="content-type" content="text/html;charset=gb2312>

设置页面定时跳转：<meta http-equiv="refresh" content="2";URL=http://blog.csdn.net/hanbo622">

8、注释

9、body属性

<body bgcolor="背景颜色" background="背景图像" text="文本颜色" link="链接文本颜色" vlink="访问过的文本颜色"

alink="激活的链接文本颜色" leftmargin="左边界" rightmargin="右边界" topmargin="上边界" bottommargin="下边界">

10、其实html元素、html标记、html标签都是一回事

11、默认情况下网页内容与浏览器边框之间有距离，有某些html元素有默认值

12、网页文件名，在本地可以用汉字（练习.html）将来网页文件都是保存在服务器上的，一般都用英文。

13、标记

文本

网页中的字体、字号一般通过CSS修饰

白色     white     \#FFFFFF

红色     red        \#FF0000

蓝色     blue      \#0000FF

黑色     black     \#000000

绿色     green    \#00FF00

灰色     gray     \#999999

14、字符格式

加粗   文本

倾斜  文本

加强语气（加粗）文本

加强语气（倾斜）文本

下划线  文本

删除线  <s>文本</s>

上标   文本

下标   文本

15、在写html代码时：

先写我们的控制内容的标记，例如：这内容比较重要，可以在语义上加权 关键字，这部分内容是文章网页

的主题建议使用<h1>文章标题</h>

16、网页段落文字内容----

17、段落标记

left         左对齐（默认）

center    居中

right       右对齐

18、html标记之间嵌套使用，一层套一层不会出现错误，但是不能交叉嵌套

19、网页优化核心：用适合的html标记去描述网页内容

20、段落标题

段落标题说明：

x取值\[1~6\] hx内的文本会自动加粗显示。

hx针对的对象是段落，而font针对的对象的任意文本

21、 换行（换行不换段）

22、记住写代码或者效果的演变过程

23、html中，所有的标签都必须有属性值，如果没有使用属性名。

例如：<hr  noshade="noshade" />----xhtml

<hr  noshade>----html

24、<hr>水平直线

size      像素绝对设置，以数字表示，属性值越大，线越粗

百分比相对设置，以%表示，属性值越大，线越粗

width    像素绝对设置，长度不会应视窗的改变而改变

百分比相对设置，长度会随着应视窗宽度而改变

noshade="noshade"  实体线

25、定义一个块引用：使用文本缩进

<blockquote> </blockquote> 说明

cite    url    被引用的地址

26、居中标记<center>内容</center>（被废弃的标签）

27、预格式化<pre></pre> 被包围在pre元素中的文本通常保留空格和换行符，而文本也会呈现为等宽字体，一个常见应用就是用

来表示计算机的源代码。

28、特殊字符

空格           &nbsp

版本号       &copy

注册商标   &reg

"               &quot

&               &amp

<               &lt

>               &gt

29、在文本中的第一个字前直接敲空格不起作用，两个字之间敲多少空格只显示一个空格。

30、列表标记用途

列表标记可以创建一般的无序列表、编号列表，以及定义列表三种方式，还可以在一种列表中嵌套另一种列表，便于概括显示

一系列相关的内容。

a、无序列表<ul></ul>

</ul>

<li>表示一个项目；type ：disc 实圈，circle空圈，square实正方形

b、 有序列表<ol></ol>

</ol>

c、定义列表<dl></dl>

<dl>

<dt>标题1</dt>  表示一个项目

<dd>内容1</dd>  表示一个项目下的更详细内容的解释

</dl>

html学习笔记(1)

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 HTML学习笔记

相关 HTML学习笔记

相关 HTML学习笔记

相关 html学习笔记(1)

相关学习笔记（HTML）

相关 html学习笔记

相关 HTML学习笔记

相关 HTML学习笔记1-HTML简介

相关 HTML学习笔记

相关 HTML学习笔记