HTML的学习笔记

最新推荐文章于 2023-01-12 15:14:08 发布

YOUNGEER1

最新推荐文章于 2023-01-12 15:14:08 发布

阅读量318

点赞数

本文链接：https://blog.csdn.net/Fine1938768839/article/details/52931619

版权

1.什么是HTML

超文本标记语言（HypeText Markup Language）。相对于一般的文本语言，html可以做更多更炫的效果，并且可以让浏览器进行解读，（类比人和超人）；html是最基本的网页语言；都是由标签组成的。

html的基本格式

<html>
      <head>
	  放置一些属性信息
          引用一些外部的文件（css，js），它里面的内容会先加载

<span>	</span><title>这是标题</title>

      </head>
      <body>
          存放真正的数据
      </body>
</html>

2.注意事项

多数标签都是由开始和结束标签，其中个别标签只有单一标签，比如换行标签<br/>.想要对标签内的内容进行更丰富的操作，需要用到属性内的内容。属性与属性值之间用等号连接，属性值可以用单引号也可以用双引号。

3.标签---排版标签

1).换行<br/>

2).段落<p></p>，在开始和结束的位置会留一个空行。

属性，align，对齐方式，比如center

3).水平线<hr/>，

属性，宽度：width，可以写百分比30%，可以写px值；对齐方式 align；size宽度；color颜色值red，green，或者RGB写法，比如#ff00ff，

4).div 申明一块区域<div>数据</div>,现在流行的布局方式，css+div

5)span和div差不多，但是不换行

4.排版标签

1)<font>content</font>

属性：size字体的大小，最大值是7，最小值是1，color 颜色，face字体

2).标题标签<h1></h1>...<h6></h6>,从大到小，从一级到六级标题

3)粗体<B></B>

4)斜体<i></i>，标签是支持嵌套的

5.列表标签

数据格式化：

1) dl,列表标签

<dl>

<dd>下层项目<dd/>特点：自动对齐

<dl/>

2)有序列表标签和无序列表标签

有序<ol>

属性：type列表前面的标号

start开始的目录

无序<ul>

数据条目<li>

6.图标标签

<img/>

属性：src=“图片的路径” width，宽度；height高度 alt：图片的说明文字

7.超链接标签 <a></a>

作用：连接资源：

属性 href=“http:www.baidu.com”，如果不指定协议，默认的是file协议。只有自己制定协议，连接资源。如果制定的协议浏览器不能进行解析，那么客户端会自动匹配解析

定位资源：name 名称，专业术语：锚

8.表格标签：table

作用：格式化数据 <table> </table> 属性：border：边框 width:宽度 cellpadding：文字和边框的距离 cellspacing：表格之间的距离

<tr></tr>行属性：align对齐的方式

<td></td> 属性：width和height， colspan：列合并单元格 rowspan：行合并单元格

<th></th>,加错，会居中

<caption>表格的标题</caption>

9.表单标签

作用：可以和服务器端进行交互。<form></form>

<input/> 属性:type 值可以定义很多的值，每一个不同的值代表不同的输入组件,在每个标签必须要制定name和value

action=”提交的请求位置“

method=”“get和post的提交方式（区别：默认是get方式提交），get：提交的数据都显示在URL上面，不安全。

post支持大数据，get提交的数据比较小

1.type=text；文本

2.type=password；密码

3.type=radio；单选

4.type=checkbox；多选，单选和多选都有默认值，用checked="checked"

5.type=reset，重置功能，恢复到默认的状态

6.type=submit，提交

7.type=file，上传文件

8.type=button，按钮

9.type=img，图片。其实也是个提交按钮，

10.type=hidden，隐藏标签，用户不用看到的，但是开发者必须需要用到的，此时用该标签，会提交到后天

11.选择标签（下拉选择框）

</select>

12.文本域textarea（输入框）属性cols，rows

13.框架标签 <frameset>,不能写在body内部,只能放其上部。

</frameset>，基本上这种框架布局已经用的不多，更多的是div+css

14.iframe框架，用的比较少

放在body标签里面，表示划分一个位置，可以用来显示网页，类似盒子里套一个盒子。

属性：width，height，

15.marquee，跑马灯标签，一般只有ie支持该标签，有n多属性，可以查文档

YOUNGEER1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML的学习笔记

1.什么是HTML 超文本标记语言（HypeText Markup Language）。相对于一般的文本语言，html可以做更多更炫的效果，并且可以让浏览器进行解读，（类比人和超人）；html是最基本的网页语言；都是由标签组成的。html的基本格式放置一些属性信息引用一些外部的文件（css，js），它里面的内容会先加载这是标题
复制链接

扫一扫