博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html入门(详细描述)2
阅读量:6231 次
发布时间:2019-06-21

本文共 2189 字,大约阅读时间需要 7 分钟。

HTML 标题

  • 通过<h1></h1>-<h6></h6>定义
  • <h1>最大<h6>最小
  • <hr/>可定义水平线
  • <!注释>可定义注释内容

小例子:

<p>This is a paragraph</p>

<hr />

<p>This is a paragraph</p>

<hr />

<p>This is a paragraph</p>

 

HTML段落与折行

<p></p>

<br />

HTML文本格式化

 

标签 描述
定义粗体文本。
定义大号字。
定义着重文字。
定义斜体字。
定义小号字。
定义加重语气。
定义下标字。
定义上标字。
定义插入字。
定义删除字。
不赞成使用。使用 <del> 代替。
不赞成使用。使用 <del> 代替。
不赞成使用。使用样式(style)代替。

 

“计算机输出”标签

标签 描述
定义计算机代码。
定义键盘码。
定义计算机代码样本。
定义打字机代码。
定义变量。
定义预格式文本。
<listing> 不赞成使用。使用 <pre> 代替。
<plaintext> 不赞成使用。使用 <pre> 代替。
<xmp> 不赞成使用。使用 <pre> 代替。

 

引用、引用和术语定义

标签 描述
定义缩写。
定义首字母缩写。
定义地址。
定义文字方向。
定义长的引用。
定义短的引用语。
定义引用、引证。
定义一个定义项目。

 

HTML的style属性

style属性可以是几乎任何表情的属性,下面来详述该属性的值

  • 背景颜色设置:

 

     background-color

  <html>

    <body style="background-color:yellow">
  <h2 style="background-color:red">haha</h2>
  <br />
  <img src="asdasdasd" />
  <br />
  <a href="http://www.baidu.com">link</a>
  <p style="background-color:green">hzhangxunihao</p>
  </body>
  </html>

  • 字体,颜色,尺寸

  字体:font-family

  颜色:color

  尺寸:font-size

  举例:

  <html>

  <body style="background-color:yellow">
  <h1 style="font-family:verdana">a heading</h1>
  <p style="font-family:arial;color:red;font-zise:20px;">zhangxunihao</p>
  </body>
  </html>

  • 文本对齐   

  text-align

  举例

  <html>

  <body style="background-color:yellow">
  <h1 style="text-align:center">a heading</h1>
  <p>The heading above is aligned to the center of this page.</p>
  </body>
  </html>

HTML链接

语法:

<a herf="url">link text</a>  <!链接文本不一定是文本,也可以是图片或者其他html元素>

其他实例:

在新窗口中打开url:

<html>

<body>

<a href="WWW.BAIDU.COM" target="_blank">Visit w3school4SAE!</a>

<p>如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。</p>

</body>

</html>

 

查看当前页面的某一位置:

<html>

<body>

<p>

<a href="#C4">查看 Chapter 4。</a>
</p>

<h2>Chapter 1</h2>

<p>This chapter explains ba bla bla</p>

<h2>Chapter 2</h2>

<p>This chapter explains ba bla bla</p>

<h2>Chapter 3</h2>

<p>This chapter explains ba bla bla</p>

<h2><a name="C4">Chapter 4</a></h2>

<p>This chapter explains ba bla bla</p>

</body>

</html>

发送邮件:(已经安装邮件客户端)

 

<html>

<body>

<p>

这是邮件链接:
<a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a>
</p>

<p>

<b>注意:</b>应该使用 %20 来替换单词之间的空格,这样浏览器就可以正确地显示文本了。
</p>

</body>

</html>

 

接下来还有一大堆元素和属性介绍,不赘述,详见:

 

转载于:https://www.cnblogs.com/hitxx/p/4541141.html

你可能感兴趣的文章
Apache Pulsar中的地域复制,第1篇:概念和功能
查看>>
python pip install 出现 OSError: [Errno 1] Operation not permitted
查看>>
oracle12C 重做日志
查看>>
zookeeper与kafka安装部署及java环境搭建(发布订阅模式)
查看>>
从源码分析scrollTo、scrollBy、Scroller方法的区别和作用
查看>>
聊聊单元測试(一)——EasyMock
查看>>
使用 Chrome 来调试你的 Android App
查看>>
ObjectOutputStream和ObjectInputStream
查看>>
微服务架构的设计模式
查看>>
【C++】继承时构造函数和析构函数
查看>>
android 点击屏幕关闭 软键盘
查看>>
开发中三个经典的原则
查看>>
nodejs基础 -- NPM 使用介绍
查看>>
指针之——一级二级多级指针
查看>>
Curl命令
查看>>
汽车常识全面介绍 - 引擎详论
查看>>
如何获取和发送Http请求和相应
查看>>
电子商务网站数据分析常用指标(转)
查看>>
HashSet中实现不插入重复的元素
查看>>
操作系统学习基本概念汇总
查看>>