浅学html和css
HTML&CSS笔记(简略)
html基础
<p></p><h1></h1>等等其他的相关属性- html中的链接：
<a href = url> xxxxx </a>，其中href就是用来添加url的 - img标签：用来显示图片，
<img src = url 其他的相关属性/>
html属性
- 在html中属性是提供的附加信息
-
- html的元素都是可以设置属性
- 属性往往是出现在开始的标签中
- 属性同样也是以键值对的形势出现的，有点类似有python中的字典
在html中的属性是有很多的，
html标题
- 这个就是使用h标签，只有六级，
- 然后就是关于水平线，这个就是使用
hr标签，虽然没有成对出现，但是还是在hr的后面加上/，来表示结束
html段落
p标签在结尾后会自动的添加上一个空行，也就是说当使用p之后那么其实ta的光标是已经移到第三行了
html文本格式化
sub定义的是下标字，而sup定义的是上标字，这两个标签也是成对出现的- 在html中加粗和斜体本来是
b、i标签，但是现在似乎更喜欢strongem标签，这两个标签是可以表示一中强调的含义 del、ins，这两个是表示删除以及插入的含义，同样也是double。- 对于其他的标签，譬如说code，address。。。我个人感觉使用的应该不是很多
html链接
-
a标签，通过使用a标签来实现 -
同时超链接也可以是图片、文字
<a href = "www.baidu.com"><img src = "photo's url" /></a> -
在段落or标题总添加id的属性，然后可以通过a标签来实现内部的跳转，在a标签中使用
#id就可以实现对应的跳转 -
target属性，可以实现在新的标签页中打开：target = "_blank"
html头部
在html的head的块中存在的标签有很多：style，meta，base，link，base，title...
- base标签就是来描述基本链接的一个主要的链接，那么之后的文件/路径都是会在其下面来寻找的
- link这个主要是来链接外部的css，javascript文件的
html样式（CSS）
CSS 可以通过以下方式添加到HTML中:
- 内联样式- 在HTML元素中使用"style" 属性
- 内部样式表 -在HTML文档头部
<head>区域使用<style>元素 来包含CSS - 外部引用 - 使用外部 CSS 文件，
<link rel = 'stylesheet' href = 'xxxx' type = 'text/css'/>，一般来说这几个属性是必须要的，否则可能会加载不出来
最好的方式是通过外部引用CSS文件
-
- 字体相关的：font-family,color,font-size
- 文本对齐：text-align
类别选择器
这个可以防止部分标签中的被泛化，如所有的h1标签都是同一种style，这样显然是不可取的
.xxxx {
xxxxxx
xxxxxx
}
引用：
<h1 class = 'xxxx'>
Hello world!
</h1>
ID选择器
这个就是通过标签中的id这个属性来实现的，具体写法：
#xxx {
xxxx
}
然后引用的话就直接在标签中存在有id这个属性就可以了
html图像
主要是img的标签，alt标签这个是在src中url加载不出来是所替换的文本，一般是对图片的描述。
其常见的属性就是：scr，alt，width，height
html表格
- 表格就是
<table>标签，然后就是tr标签来表示每一行，再就是td，th；td是来表示数据的，而th是来表示表头的；其实也太大的区别。 - 标题caption标签，这个使用后就会直接居中
- 每个标签都对应的有很多的属性，
html列表
一个是<ul> ，一个是<ol>；ul是无序的，而ol是有序的。
然后在下面添加<li>的标签就可以了
html表单标记
-
form标记，这个其实是一个表单标记，其对应的属性有：action（url），method（请求的方式get/post），name，target
-
input标签是表单输入，需要镶嵌在form中，其对应的属性有：type，name，id，checked（default），disabled（禁用），width，height，maxlength，src（当type为image时使用），alt（当type为image时使用）
-
对应type的取值：
可选值 描述 可选值 描述 text 文本域 submit 提交按钮 password 密码域 reset 重置按钮 file 文件域 button 普通按钮 redio 单选按钮 hidden 隐藏按钮 checkbox 复选按钮 image 图像域 -
一般来说input是和label连用，这样可以提高用户的体验效果，具体使用方法：
<label for = 'id_name'></label> <input type = 'text' id = 'id_name' name = 'xxx' /> -
select标签：就是一种下拉的多选框，通常配合着option标签来使用；select的相关的属性有：size，multiple，disabled（直接禁掉），name；
-
textarea标签，这是一个文本域，可以在其中写入多个文字，具体属性有：name，cols（表示有多少列），rows（表示有多少行），readonly（Read only）,disabled（禁掉）
