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>//多行输入框

原创粉丝点击