15-07-23 HTML--标签

超文本标记语言:HTML

W3C:互联网联盟

注释语法:<!--注释掉的内容-->

标签格式: 双标签元素:<标签名 属性 style="样式">内容</标签名>

单标签元素:<标签名 /> 或<标签名>

基本标签:

(一) 自带标签

<html>网页开始 </html>网页结束

<head>头标签 里面放控制性的东西

<body>主体标签,里面放网页内容

<title>网页的标题

(二)格式标签(例:word工具条)

1.<fount face=" " size=" " color=" ">  控制字体属性

2.<b></b>  字体加粗

3.<i></i>  字体倾斜

4.<u></u>  下划线

5.<br />  换行

6.&nbsp;  表示空格

(三)内容标签(模型:QQ新闻页面)

1.<h1></h1>...<h6></h6>  标题--<h1>字体最大,<h6>字体最小

2.<p></p>  段落标签

3.<ul></ul>  无序列表

  <li>内容</li>

<ol></ol>  有序列表

  <li>内容</li>

4.<div></div>  层标签(默认占一行)

<span></span>  层标签(默认多大空间占多大空间)

5. “../”  表示上级目录

“./”  表示当前目录

二、常用标签

(一) 超链接<a></a>

1.超链接文字---中间的内容

2.超链接的导向地址---href属性

3.target属性---_blank属性 在新窗口打开/_self属性 在自身窗口打开

路径问题:手写路径怎么写

以该网页所在的位置为基础,如果找它的父级文件夹用../ 如果找它的子级文件夹用/ 直到找到图片为止

(二) 图片<img />

1.图片的路径---src属性

2.图片的大小---width属性 height属性

3.图片描述名称---alt属性

(三) 图片超链接<a> <img /> </a>

三、表格标签:

<table> 属性:width:表格宽度,border:边框 cellspacing:单元格间距 cellpadding:单元格的内边距 bordercolor:边框颜色

<tr>行,属性:bgcolor:背景色,

<td>单元格:属性:width:宽度,height:高度,align:水平对齐 valign:垂直对齐 rowspan="3"合并列 colspan="2"合并行

锚点:怎么用?

1.设置锚点,在要设置锚点的地方加一个a标签<a name="md"></a>

2.设置跳转,在要跳转的地方加一个A标签<a href="#锚点名"></a>

时间: 2024-10-02 06:28:06

15-07-23 HTML--标签的相关文章

07.23 课堂随笔 学习了相关的标签

<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head> <body> <pre> html标签 <标签名 属性名1=属性值1 属性名2=属性值2> 内容 </标签名> 标签的正确嵌套方式: <标签名 属性名1="属性值1" 属性名2=

总结 15/4/23

Struts2 运行流程分析 •1. 请求发送给 StrutsPrepareAndExecuteFilter •2. StrutsPrepareAndExecuteFilter 询问 ActionMapper: 该请求是否是一个 Struts2 请求(即是否返回一个非空的 ActionMapping 对象) •3. 若 ActionMapper 认为该请求是一个 Struts2 请求,则 StrutsPrepareAndExecuteFilter 把请求的处理交给 ActionProxy •4.

中科院软件所夏令营总结15/07/26

15年7月份有幸参加了中科院软件所的夏令营,整个夏令营总共持续6天.20号开始报道,每个人领取宿舍钥匙,饭卡[只有¥100,软件所也是比较抠的,没有高校的待遇好,当然即便如此,报名参加的人数依然很多,呵呵].晚上开了一次会,根据报考的实验室分组,每个组选一个临时负责人,然后是各自的自我介绍.交流互动.第二天是开营仪式,然后到楼下合影留念,接下来是几场报告,参观软件所的软件博物馆,晚上乘车游览帝都的夜景.鸟巢.水立方[天公不作美,到鸟巢竟然下了一阵暴雨,也是坑].第三天一整天都是各大实验室的专题报

传智168期JavaEE struts2杜宏 day32~day33(2017年2月15日23:27:09)

struts2学习完毕,寒假学习效率还不错. 笔记链接 链接:http://pan.baidu.com/s/1boBJLVp 密码:wwl4

CF 15/09/23

CF580A 给出一个数列,求最长不下降子序列(连续) 直接DP,O(n) CF580B 主人公有n个朋友,每一个朋友有2个属性:m,sat 现在他想邀请部分朋友,邀请的人满足MAX_M-MIN_M<d的条件下,使得sat之和最大 排序,前缀和,枚举左端点,二分右端点 O(NlogN) #include<cstdio> #include<cstring> #include<algorithm> #include<iostream> #define ll

2017.07.23

周末主要在自己电脑上跑了一下公司项目,主要包括两个部分.Git的使用和Maven的使用,Eclipse上配合Egit插件感觉还是用的很溜的,主要步骤为散步,Eclipse上File打开Import 找到GitURL,此时填入GitHub上的项目链接,此时就可以下载到本地上了.同理在File下打开Import倒入Maven中Exiting  Maven project.选择本地文件即可. 总结两个看起来很简单的东西花费了1个小时,不值得,明天任务有3个:1 Git命令行看看能否倒入GitHub上的

【第四组】场景+用例文档+功能说明书+技术说明书,完成时间:2017/07/23

场景: 工作项序号:003 照片的自动整理分类 背景: (1)典型用户:叶小龙(一个有点虚荣心的年轻驴友) (2)用户的需求/迫切需要解决的问题: a.曾经和许多有相同爱好的驴友一起出去游玩过很多地方,旅游照片非常的多,需要有个软件保存一下并能在想看的时候点开软件就能看到所有照片 b.这个软件同时还要能自动整理分类这些图片(例如按时间.地点顺序分类) c.在朋友来家里做客聊到兴趣爱好话题时,可以点开软件向朋友(尤其女性朋友)展示这些年自己曾经游玩过的地方 (3)假设: a.叶小龙已经会操作我们的

Practice 15.07.07 计算几何 - 1

[题目在这里] POJ 2318 叉积判断点在直线的那一侧 cross(X2-X1,P-X1)  (x1,x2是直线上两点,p是要判断的点) >0 表示在左侧 <0 表示在右侧 (右手螺旋判定,从X2-X1到P-X1,向外是正) 可以看到,对于每个点,确定的区域左边的直线均小于0,右边的直线叉积均大于0,因此可以用二分. POJ 2398 跟上一题几乎一模一样,但是这个要排序

18.07.23(初识面向对象)

类:具有相同属性和技能的食物        语法:class   类名:   类名的首字母大写  例:class Person: 对象(实例):具体的某一事物;具体类的表现;具体的实实在在的一个实例 实例化:类---->对象的过程 例: class Preson: soup = "有灵魂" language = "语言" mind = "有思想" def __init__(self, name, sex, age): #self:内存空间

Linux下ZooKeeper集群搭建

首先安装VMWare,装了两个虚拟机,版本是CentOS6.5,IP分别是 192.168.3.20 192.168.3.21 然后下载ZooKeeper包:http://zookeeper.apache.org/,使用命令tar -zxvf  zookeeper.tar.gz 进行解压,解压到/opt/soft目录 修改主机名 vim  /etc/hosts ,在hosts文件中添加一下两项 192.168.1.20 master 192.168.1.21 slave1 进入zookeeper