css html 学习笔记001
最近有个朋友系统的问我CSS相关的问题,汗颜了,百分之二十的准确度都不够,所以决定系统的学习一遍前端内容,先从HTML CSS 开始
前期准备 浏览器最好是GOOGLE的浏览器,eclipse,还需要有一棵热热乎乎的心。
html只网页开发的基础,但是只有html是无法开发出漂亮的网页的,所以要做出漂漂亮亮的网页的话,需要学习CSS
上记效果参照
<标签 属性="设定" 样式="设定" 事件="设定">内容</标签>
<div id="testId" style="width:100%;" onclick="testFun()">test</div>
上记是HTML标签最基本的设定形式
<!DOCTYPE html>这句话的意思是告诉大家伙们,声明一下这个文件就是HTML文件,没有什么特殊要记的,就这么写就好。
<html></html> HTML文件由这个标签开始与结束。
<head></head>网页的信息和设置
<title></title>网页的标题
<body></body>网页具体显示的内容
<p></p>这个很常用,段落标签。上面图里那个 start 1就是P标签写的
<h1~h6></h1~h6>页面显示层级标题用。
<img>这个标签没有结束标签。该标签只支持jpg png gif svg没有等等,只支持这些,够用了.
<img src="img路径" alt="代替文字" />src要加载图像的路径 alt当图像加载不了的时候显示该文字 记住后面一定要加个"/"
<a href="连向何处URL">超级连接</a> 单击该超级连接一下子就连接到目的地了,还有一个属性
<a target="显示风格">
_blank 在新窗口中打开被链接文档。
_self 默认。在相同的框架中打开被链接文档。
_parent在父框架集中打开被链接文档
_top在整个窗口中打开被链接文档。
framename在指定的框架中打开被链接文档。
<ul>
<li></li>
<li></li>
</ul>
<ol>
<li></li>
<li></li>
</ol>
<br>换行
<!-- -->注示
<p id="" class=""></p>id主要的作用是用以管理页面上的控件用 class加载css式样
id整个页面中只能有一个
class整个页面中可以加载许多次
<div></div>主要用于布局使用,前面和后面自动加换行可以定义高度和宽度重中之重
<span></span>前后不会添加换行,不可以设定宽度和高度
后面会详细介绍div
お疲れさまです。