HTML基础汇总
来源:互联网 发布:中山大学网络服务中心 编辑:程序博客网 时间:2024/06/16 20:08
1.HTML(Hyper Text Markup Language)超文本标记语言。也是最简单的一门语言,没有过多的语法,也没有太多的逻辑性,只要熟悉它的一些标签就可以上手编写简单的网页。Html标签语法不多,主要由如下:(1)由<>括起来的标签(2)一般都是成对出现的如<p>内容</p>,也有自闭包标签如<a /a>.。(3)标签和标签之间可以互相嵌套,但顺序必须保持一致。(4)标签不区分大小写,但推荐用小写。
2.HTML的基本结构解析:
<!DOCTYPE html> //告诉计算机使用哪种语言
<html> //根标签,所有操作设置全包含在根标签
<head> //头部分 主要由标题 字符编码设置 CSS样式 在网页中不显示
</head>
<body> //网页主体部分 主要操作设置
</body>
</html>
3.常用标签
<meta charset=字符编码>//设置字符编码格式 一般为uft=8 //中文格式
<tit.e>标题</title>
<hr/>水平线添加 <br />换行 <p>一段落
<img src="图片路径" alt=“”加载失败显示“”>
<ul> <li> 无序列表
<ol><li>有序列表
<dl><dt><dd>自定义列表 解释作用
<span>字体标记标签
<h1>-<h6>标题标签 由大到小 <h1>在一个页面中只有一个
<a href=" 网络地址 target="._blank"">//新开窗口链接
锚点:<a name="书签名称"> </a> //标记返回位置
<a href="#书签名称"> </a> //从此处返回标记标签位置
4.表格
<table>
<caption =表格名称/>
<tr> 表示一行
<th>行头一行加粗
<td>每行中的每个列
<colspan ="合并列数">
<rowspan="合并行数">
5.
块级元素:独占一行
行级元素:与其他标签多一行 不能设置宽高
元素之间转换:
行转换为块:在行的属性是上加入 display:block;
块转化成行:在块的属性值处加入dispaly:inline;
行内块元素的表示:display:inline-block;
6.表单(重点)
基本语法
<form action="传给PHP的路径" mehod="数据传送方式post/get">
表单内容...
</form>
表单常用控件
<input type="text"> //单行文本输入框
<input type="radio" name="" value="">//单选框 一组选择name 必须一致
<input type="password">//输入密码时会用黑点代替数字
<select name="">
<option value=" "> //下拉选项
.......
</select>
<textarea name=" " cols="" rows="" ></textarea>//多行输入框
- 【HTML基础汇总】
- html基础汇总
- HTML基础汇总
- HTML之标签基础汇总
- Html+JS+HTMLdom+Json+JQuery 常用基础知识点汇总
- html汇总
- [html]HTML技巧汇总
- html ContentType类型汇总
- HTML标签汇总
- HTML转义字符汇总
- HTML 知识汇总
- html meta标签汇总
- html编辑器汇总
- html+css入门汇总
- HTML知识汇总
- 【Html】CSS-知识点汇总
- html ContentType类型汇总
- 初学html问题汇总
- string和stringstream+setw()用法总结
- dialog级联写法
- CSU-ACM2017暑期训练1-Debug与STL C
- MySharedpreference
- 冲突域和广播域的区分
- HTML基础汇总
- 31. Next Permutation
- 用IDEA开发简单的Servlet
- MFC控件之listControl简单应用
- Javascript高级程序设计重刷——基础知识
- 在centos7系统下配置LAMP详解教程
- python绘图:matplotlib和pandas的应用
- HDU1176 DP
- 线程和进程的区别(来自知乎)