HTML基本元素(一)

HTML基本元素(一)

1.换行符

  <br />

  Ps:br 是换行(Break)的缩写,文本会在这个标签的地方换行。

  实例:

第一行<br />第二行

2.段落

  <p>这是一个段落</p>

说明
属性 说明
align 行对齐方式(left,center,right)

  实例:

<p>这是第一个段落</p>
<p>这是第二个段落</p>
<p>这是第三个段落</p>

3.标题

  <h1>标题1</h1>

  <h2>标题2</h2>

  <h3>标题3</h3>

  <h4>标题4</h4>

  <h5>标题5</h5>

  <h6>标题6</h6>

  Ps:<h1>定义最大标题,<h6>定义最小标签

  实例:

<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>

4.水平线

  <hr />元素可用于分隔内容。

说明
属性 说明
size 指定线的粗细(px)
width 指定线的长度(px或%)
align 行对齐方式(left,center,right)

  

  实例:

<hr size="5" width="50%" align="center"/>

5.文本格式化

  <b>定义粗体文本</b>

  <i> 定义斜体文本 </i>

  <s>定义删除文本</s>

  <del>定义删除文本</del>

  <u>定义下划线文本</u>

  <sup>定义上标字</sup>

  <sub>定义下标字</sub>

6.预格式文本

  <pre>标签可以保留文字在源代码中的格式,使得页面中显示的内容和源代码中的格式一致。

  实例:

<pre>
                  春晓
          春眠不觉晓,处处闻啼鸟。
          夜来风雨声,花落知多少。
</pre>

7.字体

  <font>这是一段文字</font>

说明
属性 说明
size 定义字体大小
face 定义字体
color 定义字体颜色

  实例:

<font size="5" face="宋体" color="red">这是一段文字</font>

  Ps:三种颜色表达方式

    1.16进制的模式:#000000,#ffffff

    2.单词模式:red,green,blue

    3.RGB模式:rgb(10,20,30)  0-255

8.链接

  <a href="http://~">外部链接 </a>

  <a href="~.html">内部链接 </a> 

  <a href="mailto:邮箱地址">邮件链接</a>

  <a href="tel:电话号码">一键拨打</a>

  <a href="sms:手机号码">一键发送短信</a>

说明
属性 说明
href 定义链接地址
title 链接提示信息
target    链接打开方式(_self,_blank,_top)

  

  Ps:_self  在当前的浏览器窗口打开

    _blank  在新建的窗口里面打开

    _top  在顶级框架里面打开

9.锚点

  锚点标签用于使用户"跳"到文档的某个部分。

  <a href="#位置名"> ~ </a>

    (此标签放在起始地)

  <a name="位置名"> ~ </a>

    (此标签放在目的地)

  实例:

<body>
    <a name="top"></a>

    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>  <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <a href="#top">回到顶部</a>
</body>

10.HTML注释

  可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。

  合理地使用注释可以对未来的代码编辑工作产生帮助。

  HTML注释快速生成方式:选中目标+Ctrl+/

     如:<!-- This is a comment -->

  

  拓展:两条斜杠 (//) 是 JavaScript 注释符号

     如:// This is a comment

时间: 2024-10-12 20:25:10

HTML基本元素(一)的相关文章

Python 对Twitter中指定话题的Tweet基本元素的频谱分析

CODE: #!/usr/bin/python # -*- coding: utf-8 -*- ''' Created on 2014-7-9 @author: guaguastd @name: entities_frequency_map.py ''' if __name__ == '__main__': # import Counter from collections import Counter # import visualize from visualize import visua

cocos2dx游戏的基本元素

3.1 CCDirector:大总管 bool AppDelegate::applicationDidFinishLaunching() ?{ ?   //初始化导演类 ?   CCDirector *pDirector = CCDirector::sharedDirector(); ?   pDirector-]]>setOpenGLView(&CCEGLView::sharedOpenGLView()); ?   //高分辨率屏幕(例如 Retina 屏幕)的资源管理 ?   //pDi

QT开发(五十三)———QML基本元素

QT开发(五十三)---QML基本元素 一.基本可视化项 可视元素具有几何坐标,会在屏幕上占据一块显示区域. Item             基本的项元素,所有可视化项都继承Item Rectangle        基本的可视化矩形元素 Gradient         定义一个两种颜色的渐变过程 GradientStop     定义个颜色,被Gradient使用 Image         在场景中使用位图 BorderImage     (特殊的项) 定义一张图片并当做边界 Anima

面向对象的三个基本元素,五个基本原则

三个基本元素: 1. 封装: 封装是把过程和数据包围起来,对数据的访问只能通过已定义的界面.面向对象计算始于这个基本概念,即现实世界可以被描绘成一系列完全自治.封装的对象,这些对象通过一个受保护的接口访问其他对象. 2. 继承: 继承是一种联结类的层次模型,并且允许和鼓励类的重用,它提供了一种明确表述共性的方法.对象的一个新类可以从现有的类中派生,这个过程称为类继 承.新类继承了原始类的特性,新类称为原始类的派生类(子类),而原始类称为新类的基类(父类).派生类可以从它的基类那里继承方法和实例变

Android UI设计的基本元素有哪些

在android app开发如火如荼的今天,如何让自己的App受人欢迎.如何增加app的下载量和使用量....成为很多android应用开发前,必须讨论的问题.而ui设计则是提升客户视觉体验度.提升下载量和使用量等等的一个比较关键的因素.今天小编整了了一些android  ui设计的基本元素,供android初学者学习借鉴. 移动端的App界面,不论是iOS还是Android ,一般都由四个元素组成,分别是:状态栏(status bar).导航栏(navigation).主菜单栏(submenu

HTML5基本元素使用

Html5的使用越来越广泛了,不仅仅在传统的PC端制作网页的界面,现在在移动的APP界面上,在移动端的游戏开发上也使用的越来越多,如同雨后春笋一般.当然,学习Html5(简称:H5)时,得从最开始的基本元素学起,下面一个网页讲述的是H5的基本元素用法: <!DOCTYPE html> <html> <head> <title>HTML5保留的常用元素</title> <meta http-equiv="Content-Type&q

基本元素的增加 jquery

1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title> 6 </head> 7 <style> 8 #add{background:#F0696C;width:500px;} 9 </style> 10 <script src="jquery-2.1.1

Workflow_工作流的基本元素(概念)

2014-05-31 BaoXinjian In Capgemini 1. Workflow 的组成部分: Lookup/Attribute/Message/Notification/Function/Process Attribute Notification Function Message Lookup Type Process 2. 程式 WF_ENGINE:用来启动和运行工作流流程,获取.写入或创建项目类型Attribute.功能活动Attribute的值,管理活动的状态      W

2nd, 基本元素

Directives: directive是嵌入到源码中的命令,由汇编编译器识别和执行. 而 Instruction是在运行时被执行的. 例如, .data 属于 directive , 而 mov , add 属于Instruction. 对统一架构的处理器来说,Instruction对所有的汇编编译器都是相同的.但是汇编编译器的diretive却完全不同. MASM定义段的directives: 代码段: .CODE  ;  数据段: .DATA   ;  栈: .STACK ,如  .st