css html 学习笔记001

      最近有个朋友系统的问我CSS相关的问题,汗颜了,百分之二十的准确度都不够,所以决定系统的学习一遍前端内容,先从HTML CSS 开始

      前期准备 浏览器最好是GOOGLE的浏览器,eclipse,还需要有一棵热热乎乎的心。

      html只网页开发的基础,但是只有html是无法开发出漂亮的网页的,所以要做出漂漂亮亮的网页的话,需要学习CSS


上记效果参照


<标签 属性="设定" 样式="设定" 事件="设定">内容</标签>

<div id="testId" style="width:100%;" οnclick="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

お疲れさまです。




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值