HTML技术中怎么使用样式

2019-09-10 郑州网站建设  

HTML 水平线,<hr /> 标签在 HTML 页面中创建水平线。hr 元素可用于分隔内容。

HTML 注释,可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。

注释是这样写的:

实例

<!-- This is a comment -->

HTML 折行

如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br /> 标签

<p>This is<br />a para<br />graph with line breaks</p>

当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。

怎么使用样式

当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表:

外部样式表

当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。

<head><link rel="stylesheet" type="text/css" href=http://www.divcss5.com/html/"mystyle.css"></head>

内部样式表

当单个文件需要非常样式时,就可以使用内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。

<head><style type="text/css">body {background-color: red}p {margin-left: 20px}</style></head>

内联样式

当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的办法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出怎么改变段落的色彩和左外边距。

<p style="color: red; margin-left: 20px">This is a paragraph</p>


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/seo/1629.html转载请标明出处,谢谢合作!
标签:
  • HTML
  • 标签
  • hr
  • 线
  • 水平
  • 页面
  • /