Html标签第一课

<p>段落标签</p>
<h1>字体标签，1到6，越来越小</h1>.....<h6></h6><h>标签自动换行
<br/>换行（单个标签）
<hr/> 水平线（单个标签）的几个属性：
size粗细 width 宽度 Align对齐方式（left,right,center,默认center） color颜色
空格： 
<center>整体居中</center>
<b>粗体</b>
<i>斜体</i>
<u>下划线</u>
<s>删除线</s>
<sup>上标</sup>
<sub>下标</sub>
<body>标签的三个属性：bgcolor背景颜色 text 网页中所有的字体颜色 background="image/bg.jpg"
<ol type="a">有序列表,通过type的值修改初始值
<li>你好默认从1开始<li>
<li>你好<li>
</ol>
<ul type="circle">无序列表,通过type的值空心圆还是实心圆
<li>你好默认是个黑点点<li>
<li>你好<li>
</ul>
<caption>表格标题</caption> 属性：align=bottom/top; 表格可以进行嵌套
<table >表格属性：border（边框宽度）,width（宽度）,height（高度），cellspacing(表格内框的宽度)cellpadding(表格内的文字至四周边框的距离)bordercolor(边框颜色)bgcolor(背景颜色)align(表格在网页中的水平对齐方式)colspan:跨列 rolespan:跨行
<tr> 行标签 <th>表头，姓名</th><th>表头，年龄</th><th>表头，国籍</th></tr>
<tr> 行标签 <td>列,张三</td><td>年龄，24</td><td>中国</td></tr>
<tr> 行标签 <td>列,张三</td><td>年龄，24</td><td>中国</td></tr>
</table>
有序列表跟无序列表可进行嵌套。
虽然有些html有自己的属性去设置该标签的外观，但是实际开发中，不会用自己的属性去做外观处理，而是用CSS。一般用div做布局，不用table做布局
<image src="1.jpg"/> 图片和HTML在同一个文件夹下
<image src="../1.jpg"/> html上一级目录下的图片(相对路径)
<image src="../2/1.jpg"/> html上一级目录文件夹为2下的图片(相对路径)
<image src="c/user/.."/> (绝对路径)
<image src="../1.jpg"/> 属性：height， width，border边框 lowsrc（低分辨率的图片位置）alt(当找不到图片时可用文字代替)
<a href = "http://www.baidu.com" target="_black">百度</a>
<a href = "javascript:;" target="_black">百度</a> 不跳转页面

时间： 2024-10-12 19:15:25

Html标签第一课的相关文章

EasyUI入门第一课

首先下载easyUI,最好是最新的,然后新建一个空web程序或是网站,不废话,代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="JqueryEasyUI.WebForm1" %> <!DOCTYPE html> <html xmlns="http://ww

html第一课

第一段: <!DOCTYPE HTML>  <html> <heda> <meta charset="GB2312">  <title>html第一课</title> </heda> <body> <img src = "c.gif" width="400" height

内容简介 1.第二部分第一课:客户端语言 2.第二部分第二课预告:服务器语言第二部分:Web编程语言和工具大家好.上一个部分我们学习了Web的一些基本概念: 什么是Web? Internet和Web的区别 Web的历史第二部分我们会正式进入Web学习的主题了.我们会带大家了解一个我们平时访问的网站(Web site)是如何运作的.首先我们来看看Web开发使用到的编程语言和数据库,一些框架和内容管理系统,还有响应式设计.这一部分会有不少原理,概念比较重要,不过我们会用形象地比喻来阐明. 第二

2015.7.6 第一课课程重点（html、列表、表格、相对路径、超链接）

2015.7.6 第一课课程重点(html.列表.表格.相对路径.超链接) 1.html(超文本标记语言)结构: <html> <head> <title>标题</title> </head> <body> 主体 </body></html> 2.版面控制标记: 换行:<br/> 段落:<p></p> 水平线:<hr> ( 粗细: size: 宽度:width

Ng第一课：引言(Introduction)

Machine Learning(机器学习)是研究计算机怎样模拟或实现人类的学习行为,以获取新的知识或技能,重新组织已有的知识结构使之不断改善自身的性能. 它是人工智能的核心,是使计算机具有智能的根本途径,其应用遍及人工智能的各个领域,它主要使用归纳.综合而不是演译. 在过去的十年中,机器学习帮助我们自动驾驶汽车,有效的语音识别,有效的网络搜索,并极大地提高了人类基因组的认识. 在本课中,您将学习最有效的机器学习技术,并获得实践,让它们为自己的工作.更重要的是,你会不仅得到理论基础的学习,而且获

Magento学习第一课——目录结构介绍

Magento学习第一课--目录结构介绍一．Magento为何强大 Magento是在Zend框架基础上建立起来的,这点保证了代码的安全性及稳定性.选择Zend的原因有很多,但是最基本的是因为zend框架提供了面向对象的代码库并且有很好的团队支持.通过这个框架,Magento主要围绕三个基本点建立: 1. 灵活性:我们相信每一个解决方案都像它的商务支持一样是独一无二的.Magento的代码可以无缝定制的. 2. 可升级性:Magento可方便的实行定制且不丧失升级的能力,因为从社区中获得核心代

互联网金融爬虫怎么写－第一课 p2p网贷爬虫（XPath入门）

相关教程: 手把手教你写电商爬虫-第一课找个软柿子捏捏手把手教你写电商爬虫-第二课实战尚妆网分页商品采集爬虫手把手教你写电商爬虫-第三课实战尚妆网AJAX请求处理和内容提取手把手教你写电商爬虫-第四课淘宝网商品爬虫自动JS渲染手把手教你写电商爬虫-第五课京东商品评论爬虫一起来对付反爬虫工具要求:教程中主要使用到了 1.神箭手云爬虫框架这个是爬虫的基础,2.Chrome浏览器和Chrome的插件XpathHelper 这个用来测试Xpath写的是否正确基础知识:本教程

ThinkPHP第一课环境搭建

第一课环境搭建 1.说明: ThinkPHP是一个开源的国产PHP框架,是为了简化企业级应用开发和敏捷WEB应用开发而诞生的.最早诞生于2006年初,原名FCS,2007年元旦正式更名为ThinkPHP,并且遵循Apache2开源协议发布.早期的思想架构来源于Struts,后来经过不断改进和完善,同时也借鉴了国外很多优秀的框架和模式,使用面向对象的开发结构和MVC模式,融合了Struts的Action和Dao思想和JSP的TagLib(标签库).RoR的ORM映射和ActiveRecord模式

初学Python（第一课）

今天整理一下关于Python初学者的基础知识部分的第一课,因为之前学习过C,所以过于基础的知识就不详细记录了. Python相对于C\C++来说,在语法方面已经很简单了:甚至对于JavaScript也是很简单的,减去了很多冗余的部分,让程序的编写更简单便捷. 一.变量 Python变量的定义很简单,Python是动态强类型语言Python省去了定义时的数据类型.C\C++在定义变量的时候都要明确声明该变量的数据类型,如int.char.floor.double.string等等,JavaScri