HTML:
1.标题
p标签是一个段落标签
标题标签分h1-h6
从h1到h6逐渐变小
hr是水平线标签
br是换行
2.列表
是HTML中核心的标签,有三种,分别是无序列表、有序列表、自定义列表
无序列表
<ul>
<li></li>
</ul>
有序列表o代表order
<ol> </ol>
自定义列表
<dl>
<dt></dt>
<dd></dd>(dd有缩进效果)
</dl>
3.表格(table)
通常和(tr)和(th)连用
4.图片
<img src=”路径” alt=”替代文字” width="" height="">
上一级路径:../
5.超链接
作用:
1.跳转
2.页面内部锚定跳转 例:回到顶部
href属性为空,会刷新当前页面
<a href="#top"></a>其中#表示在当前页面寻找id值为top的标签
<a href="链接路径" target="_blank"(新开网页) > </a>
<a href="#top"></a>
6.表单
分父元素和子元素
父是form
子元素以input为核心
实现登录、注册
用来向后台服务器提交数据
单选和复选默认checked
下拉框默认seleced
所有的表单项要把参数提交到服务器,要有name和value
<form action=”服务器地址” method=”用来指定数据如何发送到服务器的属性,可以实现post和get操作”></form>
CSS:
-
样式表(Stylesheets):CSS用于定义网页的样式和布局。样式定义可以嵌入在HTML文件中的
<style>
标签中,也可以放置在外部的CSS文件中,并通过<link>
标签与HTML文件进行关联。 -
选择器(Selectors):选择器用于选择要应用样式的HTML元素。常见的选择器包括标签选择器、类选择器、ID选择器、属性选择器和伪类选择器。例如,标签选择器
p
选择所有的<p>
标签,类选择器.classname
选择具有特定类名的元素。 -
属性和值(Properties and Values):CSS属性用于设置元素的样式。属性可以有不同的值,例如颜色、大小、字体等。例如,
color
属性用于设置文本的颜色,可以将其值设置为具体的颜色名称、十六进制颜色码或RGB值。
关于CSS的相关介绍:
CSS(Cascading Style Sheets)是一种用于描述网页样式和布局的标记语言。它与HTML一起被广泛应用于网页设计和开发中。设计目的是将网页的内容与显示样式进行分离,使得开发者可以更好地控制网页的外观和布局,同时提高代码的可读性和可维护性。通过使用CSS,开发者可以实现各种各样的样式效果,如颜色、字体、大小、边距、布局等。
CSS使用选择器来选中HTML元素,并通过设置属性和值来定义元素的样式。选择器可以基于元素的标签名、类名、ID、属性和伪类等进行选择。属性用于设置元素的样式属性,如颜色、背景、字体、边框等。属性的值可以是预定义的关键字、具体的数值(如像素、百分比等)或者颜色值等。
最后,要注意浏览器兼容性。不同浏览器对CSS的支持有所差异,因此在设计和开发中需要注意测试和调整样式以确保在不同浏览器中的一致性和良好的显示效果。
总而言之,CSS是一种重要的前端技术,它使开发者能够以更加灵活和精确的方式控制网页的样式和布局,为用户提供更好的浏览体验。