HTML(HyperText Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标,Internet就会马上转到与此图标相关的内容上去,而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。
<!DOCTYPE html> #html5标准网页申明,支持html5标准的主流浏览器都认识这个,表示网页采用html5标准。作用:声明文档的解析类型(document.compatMode),避免浏览器的怪异模式。
# 向搜索引擎表示该页面是html语言,并且语言为英文网站,其"lang"的意思就是“language”,语言的意思,而“en”即表示english
<html lang="en">
<head> # 所有头部元素的容器
<meta charset="UTF-8">
<title>test</title>
</head>
<body> # 定义文档的主体
<table border="1"> # table边框(宽)为1像素,这个数值越大,边框就越粗,borderColor 设置或获取对象的边框色。
<form action="/index/" method="post"> # Get是用来从服务器上获得数据,而Post是用来向服务器上传递数据。
{% csrf_token %} # CSRF(Cross-site request forgery跨站请求伪造,缩写为CSRF。是一种对网站的恶意利用。Django中是在表单中加一个隐藏的 csrfmiddlewaretoken,在提交表单的时候,会有 cookie 中的内容做比对,一致则认为正常,不一致则认为是攻击。由于每个用户的 token 不一样,B网站上的js代码无法猜出token内容,对比必然失败,所以可以起到防范作用。
<P> # paragraph 用来定义段落
<label >用户名:</label>
<input type="text" name ='name'/>
</P>
<P>
<label>密码:</label>
<input type="text" name='password'/>
</P>
<p><input type="submit" value="提交"/></p>
</form> # 标签用于为用户输入创建 HTML 表单
<thead>
<tr>
<td>用户名</td>
<TABLE>代表表格</TABLE>
<TR>代表表格中的一行</TR>
<TD>代表表格中的一列</TD>
'TR'与'TD'交成一个单元格
<TABLE>...</TABLE>之间有多少个<TR>,就有多少行
<TR>...</TR>之间有多少个<TD>,就有多少列
table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</table>
该例在浏览器中将显示如下:
单元格1 单元格2
单元格3 单元格4
<tr>和<td>有什么区别?
上例可能是到目前为止你见过的最复杂的HTML例子,现在让我们来逐一解释其中的各个标签的含义:
用于创建表格的3个基本元素是:
首标签<table>和尾标签</table>分别表示一个表格的开始与结束。这是不难理解的。
tr是“table row(表格行)”的缩写,用于表示一行的开始和结束。这也容易理解。
td是“table data(表格数据)”的缩写,用于表示行中各个单元格(cell)的开始和结束。这些都是容易理解的。
下面是对例1的详细解释。表格以<table>开始,其后的<tr>表明一个新行的开始,这一行中有两个单元格:<td>单元格1</td>和<td>单元格2</td>。该行以</tr>结束,然后紧接着以<tr>另起一行。该行也包含两个单元格,最后整个表格以</table>结束。
br 是break 的缩写 换行的意思
<br/>和<br /> 没有任何区别
因为 html 4.0 他不是一个严谨型语言
语言有点错误 对运行结果也不会有很大的影响
href是hypertext reference的缩写 href属性指定了链接的位置,这个位置可以用URI(统一资源标识符)表示.
rel是relationship的英文缩写. rel属性,描述了当前页面与href所指定文档的关系. stylesheet -- 定义一个外部加载的样式表
type -- 包含内容的类型,一般使用type="text/css"
示例
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
thead 用于存放标题之类的,应该是table head的缩写
target=_blank表示用新窗口打开页面,一般出现在 <a> 标签中,target表示链接在哪里打开,可以为它赋已经存在的窗口名或者一些默认的值,
eg:<td><a href='http://<%#Eval("www.baidu.com")%>' target ="_blank"><%#Eval("百度")%></a></td>,常见的一些默认的值有:
_blank 新窗口
_self 自身
_parent 父窗口
_top 顶层窗口(框架中)
原文:https://blog.csdn.net/wnln25/article/details/6886690