课堂笔记: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 标题标 ...
随机推荐
- Ionic3,懒加载(二)
Ionic懒加载: 普通的ionic项目中,创建好每一个Component页面后,都需要在app.module.ts中进行declaration(声明)后才能进行调用,而这样的声明方式,及在APP加载 ...
- MySQL数据库插入中文时出现Incorrect string value: '\xE6\x97\xB7\xE5\x85\xA8' for column 'sz_name' at row 1
今天在开发时候出现了这个问题 Incorrect string value: '\xE6\x97\xB7\xE5\x85\xA8' for column 'sz_name' at row 1 场景,往 ...
- 树莓派开启wlan功能
烧好系统之后,通过网线连接树莓派到路由器.通过ip登入系统,修改interfaces文件,添加下面内容 sudo nano /etc/network/interfacesauto wlan0allow ...
- HikariCP配置使用spring结合--Java数据库连接池
我的个人德州扑克项目https://github.com/mingzijian/pokers,欢迎给星星.maven引入: Java 8 maven artifact: <dependency& ...
- ksframework的xlua版本
https://github.com/zhaoqingqing/KSFramework_xlua
- Excel&&word&&PPT
1. Excel 1.1 制作下拉框 选中单元格或列--> 菜单"数据" --> "数据验证"-->"设置" --> ...
- js 标签属性与导航
导航标签的方法: 一 , 全局导航: 1.通过by id导航 <!DOCTYPE html><html lang="en"><head> &l ...
- 转帖:kindeditor编辑区空格被隐藏,导致所见所得不一致的解决办法
1.修改kindereditor-all.js中的 var re = /(\s)<(/)?([\w-:]+)((?:\s+|(?:\s+[\w-:]+)|(?:\s+[\w-:]+=[^\s&q ...
- JavaScript实现StringBuffer
function StringBuffer() { this._strings = new Array(); } StringBuffer.prototype.Append = function(_s ...
- js控制5秒返回指定界面,或上一个界面
js控制5秒返回指定界面,代码如下 <head> <meta http-equiv="Content-Type" content="text/html; ...