黑马程序员_html 语言

来源：互联网发布：中国最厉害的程序员编辑：程序博客网时间：2024/04/27 23:09

------- android培训、java培训、java学习型技术博客、期待与您交流！ --------

1.html即超文本标记语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。html的结构包括头部head、主体body 两大部分，其中头部描述浏览器所需的信息，主体包含所要说明的具体内容。

标记+中间内容=html 元素，例如<b> chengxuyuan</b>。

html语言、http协议、url被称为互联网三大基石。html不是一种编程语言，而是一种标记语言，html使用标签来描述网页，并且html语言不区分大小写。html标签是由尖括号包围的关键词，比如<html>,HTML标签是成对出现的，比如<b></b>,标签对中的第一个标签是开始标签，第二个标签是结束标签，某些HTML元素没有结束标签，比如<br />。

表格标签<table><tr><td><th>,<table>是定义HTML表格的标签，简单的HTML表格是由table元素以及一个或多个tr、th或td元素组成，tr元素定义表格行，th元素定义表头，td元素定义表格单元。

块元素<div>，<div>可定义文档中的分区或节，<div>标签可以把文档分割为独立的、不同的部分，它可以用作严格的组织工具，并且不使用任何格式与其关联，<div>是一个块级元素，这就意着它的内容自动地开始一个新行。

2.列表标签

列表标签：dl

上层项目：dt

下层项目：dd

有序列表：<ol>

无序列表：<ul>

<dl><dt>上层项目内容</dt><dd>下层项目内容</dd>          <dd>下层项目内容</dd><dd>下层项目内容</dd></dl>   <ul type=""><li>无序项目列表</li><li>无序项目列表</li><li>无序项目列表</li><li>无序项目列表</li></ul><oltype="a"><li>有序的项目列表</li><li>有序的项目列表</li><li>有序的项目列表</li><li>有序的项目列表</li></ol>

3.图片标签

4.表格标签

<!--cellpadding 指定单元格内容与单元格边界之间的空白距离cellspacing 指表格的每个单元格指尖的距离 --><tr>    <th>姓名</th>    <th>年龄</th></tr><tr><td>张三</td><td>33</td></tr></table>

5.超链接标签

<hr/>

<a href="image/xx.jpg">picture</a>

<hr/>

超链接的另一作用

定位标记：

<a href="#top">获取那个位置</a>

6.表单标签

该标签是可以和服务端进行交互的。

<form>

表单标签中元素；

<input>:该标签因为type属性的值的不同，所对应的组件也不一样

type属性：

(1) text

(2) password

(3) radio 单选框

(4) checkbox 复选框

(5) file 可以进行文件选择的组件

(6) hidden:隐藏组件该组件的不会页面

(7) button:按钮组件，自定义一个按钮是没有任何效果的，可以通过注册事件并加入自定义效果

(8) reset:重置按钮,将组件中被操作的效果还原初始状态

(9) submit;

(10) image

下拉菜单：<select>

每个下拉菜单都由option进行封装

</select>

文本区域：<textarea>

<form>输入名称：<input type="text" name="user" value=""/><br/>输入密码：<input type="password" name="psw"/><br/>选择性别：<input type="radio" name="sex" value="nan"/>男          <input type="radio" name="sex" value="nv" checked="checked"/>女<br/>选择技术：<input type="checkbox" name="tech" value="java"/>JAVA          <input type="checkbox" name="tech" value="html"/>HTML          <input type="checkbox" name="tech" value="css"/>CSS<BR/>选择文件：<input type="file" name="file"/><br/>一个图片：<input type="image" src="11.jpg"/><br/><!--数据不需要客户端知道，但是可以将其提交服务端。-->隐藏组件：<input type="hidden" name="myke" value="myvalue"/><br/>一个按钮：<input type="button"  value="有个按钮" onclick="alert('')"/><br/><select name="country"><option value="none">--选择国家--</option><option value="usa">美国</option><option value="en">英国</option><option value="cn" selected="selected">中国</option></select><textarea name="text"></textarea><br/><input type="reset" value="清除数据"/><input type="submit" value="提交数据"/></form>

7.get和post两种提交方式的区别

（1）get提交的信息显示在地址栏中，而post提交的不显示；

（2）get提交的数据较post安全度低；

（3）get提交，对于大数据不行，因为地址栏存储体积有限，post提交可以；

（4）get提交将信息封装到了请求信息的请求行中，post提交将信息封装到请求体中；

和服务器交互的三种方式：地址栏输入URL地址用get

超链接用get；

表单 get 和 post 方式；

8.框架标签演示

<frameset rows="15%,*"><frame src="top.html" scrolling="no"/><frameset cols="20%,80%"><frame src="singer.html"/><frame src="lyric.html" name="right" /></frameset>

9.画中画标签

<!--a href="a">下载地址1</a>

<ahref="sadfsdfad"><imgsrc="c:\2.bmp"border=0/></a>

10.标签的分类

标签分为两大类：

（1）块级标签(元素):标签结束后都有换行。如div、p、dl、table、title、ol、ul；

（2）行内标签(元素):标签结束后没有换行。如font、span、img、input、select、a。

------- android培训、java培训、java学习型技术博客、期待与您交流！ ----------

详情请查看：http://www.itheima.com

0 0