几个知识点：　　

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML框架结构：

<!DOCTYPE html>

<html>

<head>

</head>

<body>

此处为标签内容

</body>

</html>

HTML属性：

class=“XXX”  :元素类名，CSS定位用

id=“XXX”  :元素id，CSS定位用

style=“XXX”:定于元素颜色、是否居中、粗细、边界等

title=“XXX”：鼠标悬停时提示信息

Alt=“XXX”:图片加载错误提示信息

HTML常用标签：

<h1 align=“center”>文字内容</h1>:标题居中显示

<p style="font-size:10px“>文字内容</p>：段落显示

<a href=“https://www.baidu.com/” title=“这是链接“>百度</a>：链接标签

<img src=“./picture.jpg” alt="图片加载错误"/>:图片显示标签

一些独立标签：

<br/>:换行

<hr/>:创建水平线

<!– 注释内容-->：注释

&nbsp;显示空格（一种HTML实体符号）

<div>此处可嵌套其他标签</div>：块级元素，他的内容会另起一行开始。

<span>此处可嵌套其他标签</span>:内联元素，不换行

无序列表：

<ul>

<li>第一项</li>

<li>第二项</li>

</ul>

有序列表：

<ol>

<li>第一项</li>

<li>第二项</li>

</ol>

表格：

<table border="1">

<tr>

<td rowspan="2">跨行</td>

<td>row 1, cell 1</td>

<td>row 1, cell 2</td>

</tr>

<tr>

<td>row 2, cell 1</td>

<td>row 2, cell 2</td>

</tr>

</table>

运行样式如下：

表格的一些属性：

表单：

表单是一个包含表单元素的区域，表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素

<form>表单元素</form>：表单标签

<textarea></textarea>:文本域，可输入文字

<input type=“text” name=“firstname” />:输入框元素

<input type=“radio” name=“sex”/>:单选按钮元素

<input type=“checkbox” name=“car” />：复选按钮

<select name=“cars”>：下拉列表

<option value="volvo">Volvo</option>

<option value="fiat" selected="selected">Fiat</option>

</select>

<button type=“button”>Click Me!</button>：按钮

<input type=“submit” value=“Submit” />：提交按钮

HTML一些高级特性：

<frameset cols="25%,75%">

<frame src="./frame_a.htm">

<frame src="./frame_b.htm">

</frameset>  框架，将屏幕分为两半，分别填充两个页面

<iframe src=“https://www.baidu.com/”></iframe>：内联框架，将一个页面内联

<link rel=“stylesheet” type=“text/css” href=“theme.css” />:外部文件引入，放在head标签内

<title></title>:定义文档的标题，位于head内

<meta></meta>:定义关键字、文档描述，位于文档head之内

<base href=“https://www.baidu.com/” />：定义整篇文档的默认链接指向

<script></script>：插入script语句

HTML完整例子如下：

<html>

<head>

	<link rel="stylesheet" type="text/css" href="theme.css" />

	<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />

	<meta name="keywords" content="HTML, CSS, XML" />

	<base href="https://www.baidu.com/" />

	<base target="_blank" />

</head>

	<body>

	<h1 align="center">标题1</h1>

	<p style="font-size:10px" >黄色段落</p>

	<a href="https://www.baidu.com/" title="这是链接">百度</a>

	<img src="./picture.jpg" alt="图片加载错误"/>

	 <div class="news">

	  <h2>News headline 1</h2>

	  <p>some text. some text. some text...</p>

	  ...

	 </div>

	<span>提示：</span>

	<table border="1">

	<tr>

	<td rowspan="2">跨行</td>

	<td>row 1, cell 1</td>

	<td>row 1, cell 2</td>

	</tr>

	<tr>

	<td>row 2, cell 1</td>

	<td>row 2, cell 2</td>

	</tr>

	</table>

	<ul>

	<li>第一项</li>

	<li>第二项</li>

	</ul>

	<ol>

	<li>第一项</li>

	<li>第二项</li>

	</ol>

	<form name="input" action="html_form_action.asp" method="get">

		<textarea rows="10" cols="5">文本域</textarea>

		姓名：<input type="text" name="firstname"/>

		<input type="radio" name="sex"/>男性

		<input type="checkbox" name="car" />我有汽车

		<button type="button">Click Me!</button>

		<select name="cars">

		<option value="volvo">Volvo</option>

		<option value="saab">Saab</option>

		<option value="fiat" selected="selected">Fiat</option>

		<option value="audi">Audi</option>

		</select>

		<input type="submit" value="Submit" />

	</form>

	<frameset cols="75%,25%">

   <frame src="./frame_a.htm">

   <frame src="./frame_b.htm">

	</frameset>

	<iframe src="https://www.baidu.com/"></iframe>

	</body>

</html>

　　

随机推荐

  1. SQL Server帐号孤立的问题解决

    网站近日经常遭到攻击,好几次数据库挂马,前几天把论坛升级了,今天又升级了数据库,把之前的MSSQL 2000 升级到MSSQL 2005,用的是数据库还原功能还原的,遇到了这个帐号孤立的问题. 什么是 ...

  2. 【C#公共帮助类】DateTimeHelper设置电脑本地时间，实际开发很需要

    关于本文档的说明 本文档主要为了解决实际开发当中,服务器和客户端电脑时间不能相等的问题,纯干货,实际项目这种时间不同步的情况很多很多,时间不相等,到时候把本地的数据提交给服务器,服务器看实际上传时间和 ...

  3. 使用requireJS的shim参数 解决插件 jquery.ui 等插件问题

    没有requireJS框架之前,如果我们想使用jquery框架,会在HTML页面中通过<script>标签加载, 这个时候jquery框架生成全局变量$和jQuery等全局变量.如果项目中 ...

  4. (转)SQL 优化原则

    一.问题的提出 在应用系统开发初期,由于开发数据库数据比较少,对于查询SQL语句,复杂视图的的编写等体会不出SQL语句各种写法的性能优劣,但是如果将应用 系统提交实际应用后,随着数据库中数据的增加,系 ...

  5. 认识DOM和一些方法

    认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 先来看看下面代码 ...

  6. iOS中延时执行的几种方式的比较和汇总

    本文列举了四种延时执行某函数的方法及其一些区别.假如延时1秒时间执行下面的方法. - (void)delayMethod { NSLog(@"execute"); } 1.perf ...

  7. UIScrollView的delegate方法妙用之让UICollectionView滑动到某个你想要的位置

    一个UICollectionView有好多个cell,滑动一下,谁也不知道会停留在哪个cell,滑的快一点,就会多滑一段距离,反之则会滑的比较近,这正是UIScrollview用户体验好的地方. 如果 ...

  8. Android:Toast

    Toast是Android中用来显示显示信息的一种机制,和Dialog不一样的是,Toast是没有焦点的,而且Toast显示的时间有限,过一定的时间就会自动消失.而且Toast主要用于向用户显示提示消 ...

  9. UITableview中怎么找到每个cell

    一个朋友问我:我在每个cell中都添加了两个按钮(记为btnA和btnB),点击btnA时,对应的cell中添加一个子控件,再点击btnB时,对应的cell中的子控件就移除,怎么做到? 百度了一下,发 ...

  10. RecyclerView-------MyAdapter代码

    package com.example.administrator.recyclerview; import android.content.Context; import android.suppo ...