什么是 HTML?
HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的,HTML是超文本标记语言(Hyper Text Markup Language),标准通用标记语言下的一个应用。
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言,而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
HTML 标签
每个网页都会有一个基本的结构标签,称为骨架标签,页面内容都是在骨架的基础上写的
- HTML 标签是由尖括号包围的关键词,比如 <strong>(加粗);
- HTML标签通常是成对出现的,称为双标签,比如 <body> </body>、<head></head>等;
- 两个标签中的前面标签是开始标签,后面标签是结束标签;
- 开始和结束标签也被称为开放标签和闭合标签。
- 常用标签: a、本格式化标签: 粗体、斜体、下划线等效果。strong 、em、del、ins
b、标题标签:h1~h6(head),依据重要性依次降低
c、段落标签:p 特点:会根据浏览器大小自动换行段落之间会有一个较大的空隙
d、换行标签:<br/>(是个单标签)
HTML 结构
1、<!DOCTYPE>
文档类型声明抱歉,作用就是告诉浏览器用哪一种html版本来显示(html4、html5、xml)
使用html5显示文件;必须写在第一行,不是html标签。
2、lang="en"语言种类:en-英语、zh-CN 中文 ,其实在文档中可以写中文或英文但是对浏览器和搜索引擎有用(翻译、搜索范围)
其他属性
1、alt 替换文本(图片显示不出来的时候显示)
2、title 提示文本(鼠标放到图片上显示)
3、width:图像的宽度、单位像素
4、height:图像的高度 单位像素
5、border:图像边框的粗细
注:多个属性可以同时写必须写在标签后面,用空格分开属性采用键值对的方式书写,格式:键 ="值"。
表格标签
要作用:展示数据
基本语法:
<table>
<tr>
<td></td>
</tr>
</table>
table表示表格
tr定义行
td定义单元格
表头单元格标签<th></th>(包裹在tr中),文字会加粗居中显示
表格相关属性(后续通过css设置):
1、align="center"
2、border="1"/""边框
3、cellpadding = "1" 单元格边和内容之间的距离
4、cellspacing="2"单元格与单元格之间的距离
5、width="100" height="500"表格的宽度和高度
无序列表
<ul>
<li></li>
<li></li>
</ul>
自带的样式可以使用css去除掉
有序列表
<ol>
<li></li>
<li></li>
</ol>
自定义列表
<dl>
<dt>被描述的对象</dt>
<dd>描述1</dd>
<dd>描述2</dd>
</dl>
表单:填写信息
表单由三个部分组成:表单域、表单控件(表单元素)、提示信息
表单域:form
action:表单提交到哪里(url地址,服务器)
method:提交的方式
name:表单的名称,用于区分表单域
表单控件:
input(单标签)
type属性:
button
checkbox
file
hidden
image
password
radio
reset
submit
text
button
name属性:用于区分表单元素
value属性:用于定义表单元素的值
主要给后台人员使用
checked: 是否选中
maxLength:输入字符的最大长度
label标签
为表单标签设置标注
语法:
<input type="radio" id="sex" ><label for="male">男</label>
select标签
<select>
<option selected="selected">1</option>
textarea
cols="每行的字符数"
rows="行数"
</select>
select
textarea
案列:
更多推荐
如何用HTML制作课程表
发布评论