关闭

html基础学习笔记

187人阅读 评论(0) 收藏 举报
<head>、<body>、<body bgcolor>
<head></head>: 内部一般放的是浏览器的标题和浏览器标题相关的东西,比如后期说的引入文件和脚本。<body></body>内部一般放的是浏览器正文显示的东西。          
<body bgcolor> 一般是用来设置背景颜色
1、<h1> 浏览器标题。标题具有换行的特点。从h1到h6 逐次递减。align 属性可以标题的位置。如:<h1 align="center"></h1>
2、<p> 段落标记。具有上下换行的特点。
3、<br/> 单纯的换行标记。相当于java里面的\n
  4、<hr> 分割线。注意:如果没有标签之间没有任何内容,可以只写一个头部。但是要这么写<hr/>
 5、<a> 超链接标签。需要添加属性,大部分HTML标签里都需要添加属性以达到标签具体实现的效果。如:<a href=""></a> href属性表示你 要去往哪里。注意:href               的值,只能有2种:一种是网址。一种是本地文件(在引用文件的时候注意路径,也就是我们经常提到的绝对路径和相对 路径),target属性,一般表示以何种形式 打开。_blank表示新窗口打开。
绝对路径:完整的路径。如:file:///C:/Users/mybirdie/Desktop/a/html1.html
注意:如果使用绝对路径:在HTML里请告诉他是file协议
相对路径: 相对论的路径。如:
(1)a/html1.html         (2)../ 表示上一级目录
6、<!-- 这里填写注释 --> 表示的就是注释。
7、<img> 图片标签。可以引入一张图片。src属性 表示图片的路径。由于<img></img>标签之间不需要任何东西,因此可以简写<img src="" />。 width 表示宽度。 heigth 表示高度。如:
<img src="" width="" height="" />
8、<font> 文字标签,属性color 可以设置文字颜色。size 设置文字大小
9、<table> 表格标签。<thead>一般用来表示表格头部,<th> 一般用来表示头部的标题 <tbody> 一般用来表示 表格的内容。<tr> 一般用来表示一行, <td> 一般用来表示一 行中的某一个单元格
10、<ul><li></li></ul> 无序列表标签。<ol><li></li></ol> 有序列表标签,会在<li>之前加入序号。

11、<form ></form> 表单标签。表单里面有很多的元素。比如:输入框,复选框,单选框, 普通按钮,提交按 钮,重置按钮,下拉菜单,多行文本框,上传文件框。

- <form action=""> 表单提交的地址 <form method="post/get">
- <input type="text"> 文本框
- <input type="password"> 密码框
- <input type="radio"> 单选框 (多个单选框用name属性约束)
- <input type="checkbox"> 复选框
- <input type="button"> 普通按钮
- <input type="submit"> 提交按钮
- <input type="reset"> 重置按钮
- <input type="file"> 上传文件
- <select name=""> 下拉菜单
<option value=""> 下拉选项
- <textarea cols="列" rows="行"></textarea>
注意:如果需要给后台传值的时候,需要加入name属性,如<input name="userName" type="text"/>
12、<marquee> 跑马灯标签。behavior="slide/scroll" 滚动行为 direction="left/right/up/down" 方向 loop 循环几
13、<B></B> 加粗 <i></i> 斜体
14、<iframe> 内联框架,说白了就是可以通过该标签引用一个页面,支持透明。
15、<frameset> 内联框架,该种更加灵活。
例如:
<html>
<frameset cols="50%,50%">
<frame src="html1.html"></frame>
<frame src="html1.html"></frame>
</frameset>
</html>
16、<div> 块元素其中的一种。也是经常用到的一种。一般基本所有的“赞美”都会给到这个元素。

17、<span> 內联标签其中的一种。也是经常用到的一种。一般基本“所有动词和形容词”都会给到这个元素

块元素:主要是分块表示,会自动有换行的概念。而且块元素可以设置边距,宽高等。

如:<h1></h1> <p> <div> <th> <tr> ....
内联元素:没有换行的概念。是不可以设置边距和宽高的
如: <span> <font> ...
注意:几乎所有的标签都会有style属性。所有标签的大小写问题,在HTML中,是不计较大小写的。也就是你可以用大写。
0
0
查看评论

HTML&CSS基础学习笔记1.30-颜色的表达

在网页中的颜色设置是非常重要,CSS的属性有字体颜色(color)、背景颜色(background-color)、边框颜色(border)等,设置颜色的方法也有很多种
  • octopole
  • octopole
  • 2016-09-08 09:47
  • 450

【C#】C#基础学习笔记

【C#】C#基础学习笔记 由于之前用过几年C/C++,现只针对C#的差异或C/C++遗忘的知识点学习总结。 1、数据类型: 值类型:和C/C++类似。 指针类型:和C/C++类似。 引用类型: 对象(Object)类型:是所有数据类型的终极基类。Object是System...
  • woaini454186694
  • woaini454186694
  • 2016-05-28 18:48
  • 847

Python3 基础学习笔记

Python3 基础学习笔记这篇博客不是完整的python教程,只是我在学习python3时记下的一些容易忘记的或比较重要的知识点,里面的代码大多是转自 廖雪峰的python3教程 和 菜鸟教程 。不管怎样,还是希望本篇博客对读者有用。基础语法 py3里的print比py2多加了括号,使用方式为: ...
  • Cyiano
  • Cyiano
  • 2017-04-10 19:58
  • 936

JavaEE入门:学习笔记02

1.8右移两位,左移两位结果分别是多少?      答:8>>2=2;8            2.i++,++i的问题:      如:i=1;   ...
  • u013829997
  • u013829997
  • 2014-03-02 22:55
  • 284

HTML, CSS学习笔记(完整版)

第一章 div布局 前几课内容 .htm是早期的后缀,因为那时只能支持长度为3的后缀,因此html与htm是一样的。 shtml是服务器先处理然后再交给浏览器处理   #HTML小知识#之#XHTML与HTML的区别#XHTML是更严谨更纯净的 HTML 版本。XHTML目标是取...
  • u011925500
  • u011925500
  • 2014-10-02 00:28
  • 4550

python3 学习笔记

python3 学习笔记 –每天半小时标签(空格分隔): python32016年2月24日第一个python程序输入: input() 输出: print()2016年2月25日python基础 python语法采用缩进的方式(约定俗成是4个空格) 以#开头的语句是注释 python是大小写敏感...
  • ieminndsc
  • ieminndsc
  • 2016-02-26 09:01
  • 316

Python基础学习笔记之(二)

Python基础学习笔记之(二)zouxy09@qq.comhttp://blog.csdn.net/zouxy09 六、包与模块1、模块module         Python中每一个.py脚本定义一个模块...
  • zouxy09
  • zouxy09
  • 2013-11-24 16:04
  • 15095

JS基础学习笔记整理

JavaScript是一种基于对象的脚本编程语言,是浏览器上的程序语言。当web容器输出内容到浏览器时,这个内容是包含js源代码的,此时,JavaScript可以操作浏览器上的一切内容,在浏览器上提供用户交互,页面美化,增加页面的智能性。 JavaScript是一种基于对象的语言,通过 JavaS...
  • laoma4102
  • laoma4102
  • 2011-12-30 13:30
  • 7112

PHP基础学习笔记

1、PHP中cookie的使用 cookie 常用于识别用户。cookie 是服务器留在用户计算机中的小文件。每当相同的计算机通过浏览器请求页面时,它同时会发送 cookie。通过 PHP,您能够创建并取回 cookie 的值。 创建cookie: 通过setcookie()函数可以创建c...
  • yubo_725
  • yubo_725
  • 2015-04-01 15:19
  • 390

js学习笔记(比较全)

什么是JavaScript? 1. JavaScript 是一种客户端脚本语言(脚本语言是一种轻量级的编程语言)。 2. JavaScript 通常被直接嵌入 HTML 页面。 3. JavaScript 是一种解释性语言(就是说,代码执行不进行预编译)。 特点: 1....
  • jiangzhongwei_
  • jiangzhongwei_
  • 2016-07-22 20:12
  • 611
    个人资料
    • 访问:1076次
    • 积分:79
    • 等级:
    • 排名:千里之外
    • 原创:7篇
    • 转载:1篇
    • 译文:0篇
    • 评论:0条