第一节:网页基本标签
来源:互联网 发布:松翰单片机官网 编辑:程序博客网 时间:2024/06/05 06:53
1.标题标签h
用法:
<h1>....</h1>~<h6>...</h6> <h1> 定义最大的标题。<h6> 定义最小的标题
2.段落标签p
用法:
<p>...</p> <p> 标签定义段落。
p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定
3.换行标签br
用法:
...<br/><br> 标签只是简单地开始新的一行,而当浏览器遇到 <p> 标签时,通常会在相邻的段落之间插入一些垂直的间距。
4.无序列表ul
用法:
<ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li></ul>
输出:
· Coffee
· Tea
· Milk
5.有序列表ol
用法:
<ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li></ol>
输出:
1.Coffee
2.Tea
3.Milk
注意区分与无序列表的区别
6.定义列表标签dl(dt,dd)
用法:
<h1>定义列表标签</h1><dl> <dt>dt是标题</dt> <dd>dd是内容</dd></dl>
7.图像标签img
用法:
<img src="lufei.jpg" alt="路飞" />
src引入的是图像的路径,alt表示的是当图片无法加载的时候在图片处显示出的文字。
8.超链接标签a
用法:
<a href="http://www.baidu.com">百度</a>
效果如下:
href引入的是链接,”百度“表示链接显示的文字
百度
9.区块标签div
用法:
<div style="color:#CC66FF"> <h3>This is a header</h3> <p>This is a paragraph.</p></div>
效果如下:div内style引用是color属性为紫色,所以代码中的两句话显示出应为紫色。此处由于直接利用博客文档编译所以可能字体颜色并不会显示出来。This is a header
This is a paragraph.
10.组合标签span
用法:
<p><span>some text.</span>some other text.</p>
效果如下:( 标签被用来组合文档中的行内元素,span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化)
some text.some other text.
11.风格标签style
用法:
<html><head><style type="text/css">h1 {color:red}p {color:blue}</style></head><body><h1>Header 1</h1><p>A paragraph.</p></body></html>
效果如下:
12.style标签扩展(id选择器,class选择器,body,margin属性)
(1)id选择器:ID 选择器允许以一种独立于文档元素的方式来指定样式(与类选择器不同,在一个 HTML 文档中,ID 选择器会使用一次,而且仅一次。)
用法:
<head><style> #t1{ color:#ff6666; font-size=28px; }</style></head><h1 id="t1">演示标题</h1>
效果:则h1内的“演示标题”被给予t1中所赋予的属性
(2)class选择器(类选择器):
用法:
<head><style> #t1{ <!--id选择器,使用#作为表标识--> color:#FF6666; font-size:28px } .c1{ <!--类选择器--> color:#FF00FF }</style></head><body><table width="500" border="1"> <tr> <td class="c1">1</td> <td id="t1">1</td> <td>1</td> </tr></table></body>
效果如下:
(3)body:sytle中定义body的属性将会应用到body里面
(4)margin属性:设置某元素的外边距(一般四个属性)
阅读全文
0 0
- 第一节:网页基本标签
- 网页基本标签
- 网页基本常用标签
- HTML网页基本标签:
- 网页的基本标签
- HTML网页的基本标签
- 第一节:C语言基本字符集
- Linux的基本命令第一节
- EALayout 第一节 控件基本布局
- OC第一节--OC的基本
- java 学习第一节--基本语法
- HTML5基本网页结构以及标签的改变
- 第二课 | 第一节 | 语义化标签
- 第九章自定义标签第一节概念
- 基本教程篇--第一节:InitialSampleDemo.cs介绍
- 基本教程篇--第一节:InitialSampleDemo.cs介绍
- 基本教程篇--第一节:InitialSampleDemo.cs介绍
- python 第一节 python基本运算符
- 简单的图片滑动,按钮不动事例
- 网易2018校园招聘编程真题之重排数列
- 【个人笔记重点,不作为参考】主题:CSS 元素垂直居中的 6种方法
- 1098: 复合函数求值(函数专题)
- linux 文件和目录
- 第一节:网页基本标签
- @Value("#{}")与@Value("${}")的区别
- (一)hadoop源码学习之Configuration
- HTTP请求与响应示例
- 1099: 角谷猜想(多实例测试)
- http介绍及网络安全
- 数据结构
- kerberos安全机制原理
- BLE 怎样添加 Characteristic