HTML基础笔记
1.标签与元素
一个HTML区块元素:<div> countent </div>
其中:<div>开始标签;</div>结束标签。
2.HTML语法不区分大小写
<div> countent </DIV>
3.HTML标签属性
<tag name="value">
4.HTML颜色设置
英文单词:“color=red;"
十六进制:“color=#FF0000”= “color=#F00”
RGB:“color:rgb(255,0,0)" ”color:rgb(100%,100%,100%)“
5.HTML中的注释
注释以<!--开始,以-->结束。注释部分不会被浏览器解析。
<!--这是HTML中的注释部分-->
6.HTML实体
空格 < < > > 。。。。
7.HTML主体结构
<html>
<head>
<!--头部内容不会显示在浏览器窗口中-->
</head>
<body>
<!--网页主体部分-->
</body>
</html>
---------------------------------------分割线-------------------------------------------------
1.HTML文档头部标签
<tilte>元素:编写每个页面都应该为其制定一个标题
语法格式:<title>这是一个网页的标题</title>
<mate>元素:通过<mate>标记的属性来定义一些文件的信息、名称、内容等。
语法格式:<mate name="某个设置值" content="对该设置值具体补充说明" />
<mate http-equiv="某个设置值" content="对该设置值具体补充说明" />
常用<mate charset='UTF-8'/>设置网页编码格式
<link>元素:链接外部CSS样式表
语法格式:<link rel="stylesheet" type="text/css" href="style.css"/>
<base>元素:当浏览器遇到URL时,将相对的URL转换成完整的绝对的URL地址。
语法格式:<base href="URL" target="WINDOW_NAME"/>
2.HTML主体标记:(更多详细信息参照W3C)
格式标签:<br>、<p>、<center>、<pre>、<li>、<ul>、<ol>、<hr>
文本标签:<hn>、<b>、<i>、<u>、<sub>、<sup>、<font>、<tt>、<cite>、<em>、<strong>、<small>、<big>
插入图片:<img src="URL" alt="text" width="num" height="num" border="num" />
超链接:<a href="URL" name="name" target="target">链接文字</a>
<a>标签还有一个锚点功能
3.表格<table>
表格基本属性:align,border,width,height,cellspacing(设置单元格之间的距离),cellpadding(设置单元格内容与单元格边框之间的距离)
<caption>标签:用于表格标题位置
<tr>标签:定义一行;<th>和<td>都是插入单元格,这两个标签必须嵌套在<tr>中,是成对出现的。<th>主要用于表头标签,表头一般是首行或首列。
重要属性:rowspan(设置当前单元格所跨的行数);colspan(设置当前单元格所跨的列数)
4.表单<form>☆☆☆☆☆
表单是PHP程序中最常使用的收集数据的界面,通过表单浏览器获取用户的输入数据。
重要属性:method属性 可取值get和post中的一个设置提交时传值方式
action属性 接收表单者URL地址,如果为空,则当前文档的URL被使用
<input>标签
通过type属性值改变标签类型,当type属性值为:
text(默认)——文本输入域
password——密码输入域
radio ——— 单选按钮(此时多个name值应相同成组)
checkbox——复选框(此时多个name值应相同成组)
submit —— 提交按钮
reset —— 重置按钮
button —— 普通按钮
hidden —— 隐藏域
file —— 文件上传
<textarea></textarea>多行文本域
<select><option />...<option /></select>下拉菜单