JavaWeb学习笔记之HTML&CSS

最新推荐文章于 2024-04-04 12:25:24 发布

MOKE_XR

最新推荐文章于 2024-04-04 12:25:24 发布

阅读量764

点赞数 1

分类专栏： JavaWeb 文章标签：学习笔记 JavaWeb html css

本文链接：https://blog.csdn.net/MOKEXFDGH/article/details/83793457

版权

本文是JavaWeb学习笔记的一部分，详细介绍了HTML的基础知识，包括规范、常用标签、头标签的使用和框架标签。同时，探讨了CSS的作用、结合HTML的四种方式、选择器、盒子模型及布局技巧。通过对这些概念的理解，有助于提升网页设计能力。

摘要由CSDN通过智能技术生成

HTML

html：HyperText Markup Language->超文本标记语言->网页语言
超文本->超出文本的范畴，可以对文本实现更多的操作
标记->html所有的操作都是通过标记实现，标记就是标签，<标签名称>
例如：

	<font size="S" color="red">这是我的第一个html程序!</font>

	<html>
		<head>
			<title>这是一个标题</title>
		</head>
		<body>
			<font size="S" color="red">这是我的第一个html程序!</font> <br/>
			<hr/>
		</body>
	</html>

(1)一个html文件具备开始的标签和结束的标签<html>…</html>
(2)html包含两部分内容

	<head>设置相关信息</head>  
	<body>显示在页面上的内容都写在body里面</body>

(3)html的标签有开始标签，也要有结束标签

	<head></head>

(4)html的代码不区分大小写
(5)有的标签，没有结束标签

	换行：<br/>   分割线：<hr/>

网页中有很多数据，不用的而数据可能需要不同的显示效果，这个时候需要使用标签把要操作的数据封装起来。通过修改标签的属性值实现标签内数据样式的变化。
一个标签相当于一个容器，想要修改容器内数据的样式，只需要改变容器的属性值，就可以容器内数据样式的变化

1.文字标签和注释标签
文字标签：修改文字样式

	<font></font>

属性：
size->文字的大小，取值范围1-7，超过7还是7
color->文字的颜色，两种表示方式：英文单词，red,green,blue,black,white,yellow/十六进制数表示，RGB

注释标签：

	<!--这是一个注释-->

2.标题标签，水平线标签和特殊字符
标题标签：

	<h1></h1> <h2></h2> <h3></h3>...<h6></h6>
	<!--  从h1到h6，大小依次变小，同时会自动换行 -->

水平线标签

	<hr size="S" color="bule"/>
	<!--  属性：size:1-7  color:颜色 -->

特殊字符（转义）

	< : &lt;
	> : &gt;
	  ：&nbsp;
	& : &amp;

3.列表标签

	<dl>
		<dt> 上层内容 </dt>
		<dd> 下层内容 </dd>
		<dd> 下层内容 </dd>
	</dl>

显示效果如下：
上层内容
下层内容
下层内容

有序列表

	<ol>
		<li> 内容1

关注

专栏目录