html基础学习笔记

最新推荐文章于 2024-04-18 05:00:00 发布

dong24333

最新推荐文章于 2024-04-18 05:00:00 发布

阅读量362

点赞数

本文链接：https://blog.csdn.net/dong24333/article/details/52347180

版权

<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中，是不计较大小写的。也就是你可以用大写。