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实体

&nbsp;空格 &lt; < &gt; > 。。。。

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>下拉菜单

posted @ 2016-05-27 16:39  Irving_yx  阅读(150)  评论(0编辑  收藏  举报