课堂笔记:HTML---------一般标签、常用标签
HTML:超文本标记语言
HTML标签---成对儿出现的是双标签元素,单个儿出现的是单标签元素
一、通用标签
1.格式控制标签
<font></font> 文字
color-文字颜色 face-文字字体 size-文字大小
<b></b>加粗
<i></i>倾斜
<u></u>下划线
<br/>换行
空格
<center></center> 居中
2.内容标签(内容标签都有style属性)
<h1></h1>~<h6></h6> 标题(h1字号最大,h6字号最小)
<p></p> 段落
<div></div>层标签,用于网页布局
<span></span> 层标签,用于网页布局
<ol></ol>有序列表
<ol>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>
页面显示为:
1.第一项
2.第二项
3.第三项
有序列表一般默认阿拉伯数字排序,从1开始,也可用type属性设置英文或罗马数字标号
<ul></ul>无序列表
<ul>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ul>
页面显示为:
●第一项
●第二项
●第三项
二、常见标签
<img/>图片
<img src=" " width="宽度值" height="高度值" alt="卡通人物"/>
src属性-图片源
alt属性-设置图片为超链接时定义的图片名
调整width、height数值,修改原尺寸过大的图片,使之适应网页布局
<table></table> 表格
插入表格代码:
<table>
<tr>
<td><td/>
<td><td/>
</tr>
<tr>
<td><td/>
<td><td/>
<tr/>
<tr>
<td><td/>
<td><td/>
<tr/>
</table>
body的几个属性:
background 背景图片 bgcolor背景色 text 网页文字
Dreamweaver三个界面:代码界面、拆分界面、设计界面(可以在设计界面直接添加表格)
表格的几个属性:
width 宽度 border 边框 align 对齐方式 bgcolor 背景色 rowspan 合并行 colspan 合并列
<a></a> 超链接
href属性-指向超链接跳转页面
<a href="网址或文件名"> 插入网页或文件超链接
target属性-超链接的打开方式
<a href=“http://www.baidu.com” target="_blank">超链接</a>
课堂笔记:HTML---------一般标签、常用标签的更多相关文章
- [Java] JSP笔记 - EL、JSTL 常用标签
一. 什么是 EL 语言 表达式语言(EL)是 JSP 2.0 引入的一种计算和输出 Java 对象的简单语言. 二.EL 语言的作用 为了使JSP写起来更加简单.表达式语言的灵感来自于 ECMASc ...
- HTML&CSS基础学习笔记1.5-添加常用标签
代码如下: <!DOCTYPE html><html lang="en"><head> <meta charset="UT ...
- HTML学习笔记(四)常用标签
1.超链接 <a href="url">Link text</a> eg:<a href="http://www.w3school.com. ...
- html 一般标签 常用标签 表格
body的属性: bgcolor 页面背景色 background 背景壁纸.图片 text 文字颜色 top ...
- 移动端web开发 尽量哪些标签 常用标签及注意事项
H5手机移动端WEB开发资源整合 常用的标签及注意事项: https://blog.csdn.net/u012118993/article/details/56023399 移动前端不得不了解的htm ...
- (3)HTML常用标签 + 快捷字符
1.<meta charset="UTF-8"> #定义字符编码 2.<!doctype + 类型> #规定文档类型 3.<!-- 注释 --> ...
- HTML-学习笔记(常用标签)
本篇博客讲一讲HTML中的标签 HTML 标题 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的.<h1> 定义最大的标题.<h6> ...
- struts2视频学习笔记 29-30(Struts 2常用标签,防止表单重复提交)
课时28 Struts 2常用标签解说 property标签 property标签用于输出指定值: <s:set name="name" value="'kk'&q ...
- html常用标签学习笔记
本文内容: 前言:本文讲述的内容包括几类常用标签,以及这些标签的一些常用属性(有一些属性由于已经有CSS样式来代替,所以对于一些不重要的这里选择不讲) 排版标签 段落标签:p div span 标题标 ...
随机推荐
- 转载收藏(js数组方法大全)
js数组方法大全 JavaScript中创建数组有两种方式 (一)使用 Array 构造函数: var arr1 = new Array(); //创建一个空数组var arr2 = new Arra ...
- ModelSim使用教程
参考[百度文库]
- IE Error: '__doPostBack' is undefined 问题解决
突然遇到个很奇怪的BUG,翻页控件,其他浏览器一切正常,IE无法翻页,会提示 '__doPostBack' is undefined 后来搜索发现: [原文發表地址] Bug and Fix: ASP ...
- pat1003. Emergency (25)
1003. Emergency (25) 时间限制 400 ms 内存限制 65536 kB 代码长度限制 16000 B 判题程序 Standard 作者 CHEN, Yue As an emerg ...
- Kubernetes系列:(1) 初探
1. 背景 在部门内容组织了一次K8s的培训,普及了下K8s的概念.框架.操作等,为便于后期查阅,也为了进一步深究K8s,因此开展K8s系列,周期不定- 2. 概念 (1) 含义:来自希腊语,意为&q ...
- javascript获取后台传来的json
Mvc Razor视图引擎中 <script type="text/javascript"> var _temp = @(new MvcHtmlString(this. ...
- CentOS-7 本地yum源挂载
在Linux无法连接到互联网时,手动安装依赖是及其麻烦的一件事,需要花费大量的时间寻找rpm包.但在配置本地yum源后,绝决依赖问题就会变得非常简单. 一.准备 centos-7.ISO镜像文件: 二 ...
- linux下(ubuntu)反删除(误删恢复)与回收站制作
刚刚有个小伙伴不小心删了他写了好几的天代码,为他心疼之余帮他找回了文件. 想到我之前也常常误删一些文件,就干脆分享一下我的反删除方法,并说说我做的回收站(好low的,求大神指点) 首先是反删除软件ex ...
- vue学习笔记之基础篇
本文主要记录学习vue的一些基础内容及常用知识点的记录. 1.搭建脚手架 vue init webpack vue-demo 初始化一个使用webpack打包的vue项目 npm install 安装 ...
- 超级简单的jQuery纯手写五星评分效果
超级简单的评分功能,分为四个步骤轻松搞定: 第一步: 引入jquery文件:这里我用百度CDN的jquery: <script src="http://apps.bdimg.com/l ...