前端学习 第四弹： HTML（一）

元素分类：块元素 内联元素

块级元素在浏览器显示时，通常会以新行来开始（和结束）。

例子：<h1>, <p>, <ul>, <table>,<div>

内联元素在显示时通常不会以新行开始。

例子：<b>, <td>, <a>, <img>,<span>

段落    HTML中的段落靠<p>来划分    p是块级元素

如果您希望在不产生一个新段落的情况下进行换行（新行），请使用 <br /> 标签：

<p>This is<br />a para<br />graph with line breaks</p>

style 属性用于改变 HTML 元素的样式。

background-color       背景颜色

　　<body style="background-color:yellow">

font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸

　　<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>

text-align 属性规定了元素中文本的水平对齐方式

　　<h1 style="text-align:center">This is a heading</h1>

表格

表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

<table border="1">

<tr>

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

tr（table row）是一行 td（table data cell）是一列/单元

这个空的单元格的边框没有被显示出来。为了避免这种情况，在空单元格中添加一个空格占位符，就可以将边框显示出来。　　<td>&nbsp;</td>

列表

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

无序列表始于 <ul> 标签。每个列表项始于 <li>。

同样，有序列表也是一列项目，列表项目使用数字进行标记。

有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

框架frame

框架结构标签（<frameset>）

  • 框架结构标签（<frameset>）定义如何将窗口分割为框架
  • 每个 frameset 定义了一系列行或列
  • rows/columns 的值规定了每行或每列占据屏幕的面积

框架标签（Frame）

Frame 标签定义了放置在每个框架中的 HTML 文档。

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

   <frame src="frame_a.htm">

   <frame src="frame_b.htm">

</frameset>

iframe 用于在网页内显示网页

<iframe src="demo_iframe.htm" width="200" height="200" frameborder="0" name="iframe_a"></iframe>

　　长200 宽200 去除边框

iframe可以作为连接的目标　　<p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>

												


											
前端学习 第四弹： HTML（一）的更多相关文章
	

    
								
  1. 前端学习 第七弹： Javascript实现图片的延迟加载
		
    前端学习 第七弹: Javascript实现图片的延迟加载 为了实现图片进入视野范围才开始加载首先: <img    src="" x-src="/acsascas ...
    
		
    2. 
						
  2. 前端学习 第六弹：  javascript中的函数与闭包
		
    前端学习 第六弹:  javascript中的函数与闭包 当function里嵌套function时,内部的function可以访问外部function里的变量 function foo(x) {   ...
    
		
    3. 
						
  3. 前端学习 第五弹： CSS （一）
		
    前端学习 第五弹: CSS (一) 创建css: <link rel="stylesheet" type="text/css" href="my ...
    
		
    4. 
						
  4. 前端学习 第三弹： JavaScript语言的特性与发展
		
    前端学习 第三弹: JavaScript语言的特性与发展 javascript的缺点 1.没有命名空间,没有多文件的规范,同名函数相互覆盖 导致js的模块化很差 2.标准库很小 3.null和unde ...
    
		
    5. 
						
  5. 前端学习（四）：body标签（二）
		
    进击のpython ***** 前端学习--body标签 接着上一节,我们看一下还有没有什么网址 果不其然,在看到新闻类的网址的时候 我们发现还有许多的不一样的东西! 使用ul,添加新闻信息列表 这个 ...
    
		
    6. 
						
  6. Python3 学习第四弹：编码问题（转载）
		
    关于python的编码问题一直以来不得解,终于在今天从这篇博文中明白了. 原文地址: http://nedbatchelder.com/text/unipain.html 译文地址:http://py ...
    
		
    7. 
						
  7. css学习の第一四弹—代码格式简写归纳
		
    一.代码简写方式归纳 >>1.盒模型代码简写: 外边距(margin).内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左 1.如果t ...
    
		
    8. 
						
  8. 前端学习(十四）js回顾和定时器（笔记）
		
    回顾知识点:    作用域:        1.全局变量:在任何位置都可以使用的变量        2.局部变量:只能在函数内部使用的变量        3.闭包:子函数可以使用父函数的局部变量 -- ...
    
		
    9. 
						
  9. web前端学习（四）JavaScript学习笔记部分（8）-- JavaScript瀑布流
		
    index.html <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type&qu ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. sql server 2012提示:评估期已过   的解决办法 附序列号
			
    sql server 2012提示评估期已过的解决方法: 第一步:进入SQL2012配置工具中的安装中心. 第二步:再进入左侧维护选项界面,然后选择选择版本升级. 第三步:进入输入产品密钥界面,输入相 ...
    
			
    2. 
						
  2. 如何修复Outlook 2007源文件.PST及性能优化补丁
			
    kb961752 微软发布了改善 Outlook 2007 个人数据文件性能的补丁,该补丁未来将会集成于 SP2 中,但是现在对于SP1用户可以提前得到它.   获取地址: http://suppor ...
    
			
    3. 
						
  3. C语言程序设计第四次作业
			
    态度决定一切,我依然要说这句话,每次同学们提交的作业,我都会认真评阅,相比实验课而言,可以有更充足的时间来发现问题,很多同学的代码依然会存在一些语法错误或者考虑不周全的现象,我提出了,那么,你认真看了 ...
    
			
    4. 
						
  4. C语言实现粒子群算法(PSO)一
			
    最近在温习C语言,看的书是<C primer Plus>,忽然想起来以前在参加数学建模的时候,用过的一些智能算法,比如遗传算法.粒子群算法.蚁群算法等等.当时是使用MATLAB来实现的,而 ...
    
			
    5. 
						
  5. jsp取得绝对路径的方法(避免请求转发的方式导致路径错误）
			
    <%String path = request.getContextPath();String basePath = request.getScheme()+"://"+re ...
    
			
    6. 
						
  6. 在oracle中通过connect by prior来实现递归查询!
			
    注明:该文章为引用别人的文章,链接为:http://blog.csdn.net/apicescn/article/details/1510922 ,本人记录下来只是为了方便查看 原文: connect ...
    
			
    7. 
						
  7. struts2乱码
			
    在spring.jar包的org.springframework.web.filter包下有个CharacterEncodingFilter.java 把spring.jar放进工程的lib里,然后在 ...
    
			
    8. 
						
  8. Makefile中静态库，动态库的创建和使用以及解压缩命令
			
    应用层通过操作文件操控硬件 使用制作好的工具链: 刚开始学习时,用一些已经制作好的工具链,使用以下命令解压到gcc-3.4.5-glibc-2.3.6目录 cd /work/tools tar xjf ...
    
			
    9. 
						
  9. debug和release之间的时间优化问题
			
    最近跑了一个Vibe的代码,其中 加了一句向量的声明: vector<int> binary_delete1,binary_delete2,binary_delete3; 之后程序就会变得 ...
    
			
    10. 
						
  10. C# 属性和字段的区别
			
    属性和字段的区别 在C#中,我们可以非常自由的.毫无限制的访问公有字段, 但在一些场合中,我们可能希望限制只能给字段赋于某个范围的值.或是要求字段只能读或只能写, 或是在改变字段时能改变对象的其他一些 ...
    
			
    11.