HTML学习笔记

30人阅读 评论(0) 收藏 举报

一、基础知识

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.各种按钮


查看评论

HTML课程

本课程大纲概述: 1》专业名词解释和环境搭建 2》html标记一 3》html标记二 4》html实现公司成本表--水电财务 5》表单和利用表单实现到货通知单 6》框架集
  • 2017年07月29日 11:39

慕课网HTML+CSS课程笔记

慕课网笔记 html CSS
  • EddieEddieEddieJones
  • EddieEddieEddieJones
  • 2016-04-25 08:28:47
  • 1046

html常用标签学习笔记

  • 2018年04月01日 18:30
  • 26KB
  • 下载

html学习笔记(1)

1、html:超文本标记语言,标记:就是用来描述网页内容的一些特定符号,不是编程语言,而是一种描述性的标记语言。 2、制作html网页文件     *** 裸奔(只有内容,没有修饰)      a、新...
  • hanbo622
  • hanbo622
  • 2015-04-12 17:57:43
  • 4602

前端html与css学习笔记总结篇(超详细)

第一部分 HTML 第一章 职业规划和前景 职业方向规划定位: web前端开发工程师web网站架构师自己创业转岗管理或其他 web前端开发的前景展望: 未来IT行业企业需求最多的人才...
  • qq_36368586
  • qq_36368586
  • 2016-11-20 16:53:31
  • 4968

【慕课网】HTML&CSS基础课程学习笔记

HTML部分: 一、HTML介绍 1-1.介绍html大体 1-2.介绍html是结构层、css是表现层、javascript行为层 1-3.介绍html标签 1-4...
  • Cyan1614
  • Cyan1614
  • 2017-06-06 18:14:53
  • 319

个人html学习笔记 精华版

  • 2009年05月27日 19:39
  • 58KB
  • 下载

HTML语言学习笔记

  • 2011年06月29日 20:43
  • 101KB
  • 下载

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

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

HTML学习笔记.ppt

  • 2009年12月22日 00:22
  • 156KB
  • 下载
    个人资料
    等级:
    访问量: 666
    积分: 75
    排名: 156万+
    文章分类
    文章存档