第一周的知识点梳理

常用标签概括

<p></p>	段落标签
<h1></h1> <h2>...<h?>	h1是最大的标题 h2是2级标题 往下顺延
<b></b> <strong></strong>	给文本加粗 b仅仅加粗  strong有加粗和强调的作用
<i></i> <em></em>	让文字倾斜 i只是表示倾斜 em具有强调和倾斜的作用
<u></u>	下划线
<div></div>	一个div代表一个部分
<span></span>	文本节点,一般一大段句子里有单独的字或一句话有单独的属性,用<span>来标记赋予属性
<a herf=""></a>	超链接 herf里写想链接的网站<a>显示在网页的样子可以是图片</a>
	以上都是双标签<p>内容</p>这种写法
<&copy;>	版权符号的意思
<hr>	水平线
<br>	强制换行,在html中 回车不代表换行
<img herf="">	插入图片herf里面为图片文件路径和图片名和拓展名
	上面的是单标签   <hr>  没有</hr>

创建表:

<form> <inpute> </inpute> </form>	创建表单
<inpute type="text"  placeholder="  内容"></intupe>	不需要加密的内容,一般输账号
<inpute type="password"  placeholder="  内容"></intupe>	用来登陆页面的输入密码
<inpute type="submit"  placeholder="  内容"></intupe>	登录按键
volur	改按钮显示文本

这些标签比较常用,用来基础的给文字或者段落添加简单的显示效果

接下来学的是css基础的一些东西,创建表,给内容赋予更多的样式,有改变字体颜色,,添加背景颜色,超链接,插入图片,行高的调整,字体样式,文字排版方式,背景图片的添加与调整

最一开始想要给内容赋予一些css效果需要一把钥匙,分为:

行内样式,内部样式,外部样式

行内样式:   <p style="  ">我是一段文字</p>,   在p中添加了一句 style="  "代表给p的内容赋予css的一些样式

在内部样式之前还学习了个知识点  :选择器(选择符)

基本选择器:  选择一个内容比如<p>,,<h1>的内容   就在内部样式或者外部样式里写p{想赋予这部分的属性},,h1{想赋予这部分的属性}

后代选择器

选择除本身外的所有被包含的内容  儿子  孙子  包含关系用     div  p{}代表div包含下的所有p

兄弟选择器,

并列关系用,相邻的部分    h1+p{}代表  和h1相邻的p被选择

通配符*

*{}   选择所有的内容

class起名:在多个同样文本类型里区分,比如多个<p>想要区分就给p起名,<p class="a">内容</p>这个意思就是给这个p起名为a,用基本选择器选中这个p就用  .a{}来调用,a前方有个.

内部样式  : <p>我是一段文字</p>,   在body上方   写 <style>选中的那部分</style>

用上基本选择器的写法为:

<style>

p{想赋予这个p的属性 }

</style>

外部样式:  在文件外新建一个.css文件,在里面直接用选择器赋予属性,要用<link herf" .css文件的路径和文件名称＋后缀">链接html文件和css'文件

css基础常用标签

width	宽度
height	高度
color:"yellow或者#颜色数值"	文字颜色
font-weight	文字加粗数值表示为100-500不加粗600-900加粗
font-family	文字类型  楷体啥的
text-indent	首行缩进  一般首行缩进2个字符为 2em
text-align	水平对齐方式center居中lift左对齐right右对齐
line-height	行高,行高等于字体大小+行间距,行高等于盒子高度,默认内容垂直居中
font-size	文字大小,默认单位为像素
font-style	字体样式
backgroun-color	背景颜色
background-image:url()	背景图片url(图片路径)
background-repeat	背景平铺  no-repeat不平铺
background-position	背景位置,可以是坐标 x,y  默认单位为像素 也可以是英文表示  left左 right右top上  botton下 背景默认位置为左上
background:	简写  把属性填进去   最后才能写背景颜色
margin	外边距
padding	内边距