HTML学习笔记

一、基础知识

1.中文问题

中文乱码问题 
可以在浏览器上设置编码方式为GB2312 
或者在html的最前面加上编码设置 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
</head>


如果 GB2312不行,就用UTF-8


2.标签

HTML是Hyper Text Markup Language 超文本标记语言 的缩写 

HTML是由一套标记标签 (markup tag)组成,通常就叫标签 

标签由开始标签和结束标签组成 
<p> 这是一个开始标签 
</p> 这是一个结束标签 

<p> Hello World </p> 标签之间的文本叫做内容


3.元素

元素指的是从开始标签到结束标签之间所有的代码 
比如 

<p>HelloWord</p> 

4.属性

属性用来修饰标签的 
比如要设置一个标题居中 

<h1 align="center">居中标题</h1>

写在开始标签里的  align="center"  就叫属性 
align 是 属性名  
center 是 属性值  

属性值应该使用双引号括起来

5.注释

html使用<!-- --> 进行注释


二、基本元素

1.标题

标题会自动粗体,大写其中的内容,并且带有换行效果 

一般会使用<h1> 到 <h5> 分别表示不同大小的标题


2.段落

<p>标签即表示段落 

是paragraph的缩写 
自带换行效果

3.粗体

<b> 
<strong> 

都可以用来实现粗体的效果

4.斜体

<i>和<em>都可以表示斜体效果

5.换行符<br/>

6.预格式<pre>实现在网页中显示代码的效果。

7.删除效果

<del>即删除标签 

8.下划线

<ins>即下划线标签


9.图像

参见:http://how2j.cn/k/html/html-image/185.html


10.超链

<a href="跳转到的页面地址">超链显示文本</a>

更多参见:http://how2j.cn/k/html/html-a/186.html


11.表格

参见http://how2j.cn/k/html/html-table/187.html


12.列表

列表分无序列表和有序列表 

分别用<ul>标签和<ol>标签表示


13.块 div span

div和span区别

div是块元素,即自动换行 
常见的块元素还有h1,table,p 
span是内联元素,即不会换行 

常见的内联元素还有img,a,b,strong


14.字体

参见:http://how2j.cn/k/html/html-font/644.html


15.内联框架

<iframe> 即内联框架 

通过内联框架 可以实现在网页中“插入”网页


三、表单元素 详见:http://how2j.cn/k/html/html-text/191.html

1.文本框

<input type="text"> 即表示文本框 
并且只能够输入一行 
如果要输入多行 
使用文本域<textarea> 
注: <input> 标签很特别,一般是不需要写成<input />或者<input></input> 这样的。 
并且<input> 这样的写法也是满足标准的

2.密码框

<input type="password"> 即表示密码框

3.表单

<form>用于向服务器提交数据,比如账号密码

4.单选框

<input type="radio" > 表示单选框

5.复选框

<input type="checkbox"> 即表示复选框

6.下拉列表

<select> 即下拉列表 

需要配合<option>使用

7.文本域

<textarea> 即文本域 

文本框不同的是,文本域可以有多行,并且可以有滚动条


8.各种按钮


猜你喜欢

转载自blog.csdn.net/csuquan96/article/details/79969157