从零开始到HTML

2022-06-17    分类: 网站建设


1、属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息
属性总是以名称/值对的形式出现,比如:name="value"

属性总是在 HTML 元素的开始标签中规定。

属性例子 1:

<h1> 定义标题的开始。

<h1 align="center"> 拥有关于对齐方式的附加信息。

属性例子 2:

<body> 定义 HTML 文档的主体。

<body bgcolor="yellow"> 拥有关于背景颜色的附加信息。

属性例子 3:

<table> 定义 HTML 表格。

<table border="1"> 拥有关于表格边框的附加信息。


完整的 HTML 参考手册提供了每个 HTML 元素可使用的合法属性的完整列表:

HTML参考手册:http://www.w3school.com.cn/tags/index.asp


2.标题

标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。<h1>
定义大的标题。<h6> 定义最小的标题。

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


3.段落

段落是通过 <p> 标签定义的。

① 使用空的段落标记 <p></p> 去插入一个空行是个坏习惯。用 <br />
标签代替它。

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


4.样式

style 属性用于改变 HTML 元素的样式。

style 属性的作用是提供了一种改变所有 HTML 元素的样式的通用方法。通过 HTML 样式,
能够通过使用 style 属性直接将样式添加到 HTML 元素,或者间接地在独立的样式表中
(CSS 文件)进行定义。

background-color 属性为元素定义了背景颜色,如:<body >

font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸。

text-align 属性规定了元素中文本的水平对齐方式:<h1 >This is a
heading</h1>,可将center改为left,rght实现不同的效果。


5.引用

① HTML <q> 元素定义短的引用。浏览器通常会为 <q>
元素包围引号

<p>WWF 的目标是:<q>构建人与自然和谐共存的世界。</q></p>

② 用于长引用的 HTML <blockquote>,HTML <blockquote> 元素定义被引用的节。
浏览器通常会对 <blockquote> 元素进行缩进处理。

<p>以下内容引用自 WWF 的网站:</p> 
<blockquote cite="http://www.worldwildlife.org/who/index.html"> 
五十年来,WWF 一直致力于保护自然界的未来。 
好的环保组织,WWF 工作于 100 个国家, 
并得到美国一百二十万会员及全球近五百万会员的支持。 
</blockquote>

③ 用于缩略词的 HTML <abbr> HTML <abbr> 元素定义缩写或首字母缩略语。
对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。

6.CSS样式引入方式

有以下三种方式来插入样式表:

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

<head> 
<link rel="stylesheet" type="text/css" href="mystyle.css"> 
</head>

文章标题:从零开始到HTML
文章起源:https://www.cdcxhl.com/news13/168213.html

成都网站建设公司_创新互联,为您提供App设计手机网站建设网站改版网站设计公司品牌网站设计自适应网站

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都网站建设公司