HTML two (basic tag)_html/css_WEB-ITnose

1. Title

HTML title (Heading) is defined through tags such as

-

.

<!--标题--><h1 id="标题">标题 1</h1><h2 id="标题">标题 2</h2><h3 id="标题">标题 3</h3><h4 id="标题">标题 4</h4><h5 id="标题">标题 5</h5><h6 id="标题">标题 6</h6><!--段落--><p>请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。</p>

Results:

Title 1

Title 2

Title 3

Title 4

Title 5 Title 6

2. Paragraph

HTML paragraph is defined through the

tag.

<p>这是段落。</p><p>这是段落。</p><p>这是段落。</p><p>段落元素由 p 标签定义。</p> 

Result:

This is the paragraph.

This is the paragraph.

This is the paragraph.

Paragraph elements are defined by the p tag.

<!--多行段落和段落中有空格--><p>这个段落在源代码中包含许多行但是浏览器忽略了它们。</p><p>这个段落在源代码       中包含   许多行但是      浏览器忽略了  它们。</p><p>段落的行数依赖于浏览器窗口的大小。如果调节浏览器窗口的大小，将改变段落中的行数。</p>

Result:

This paragraph contains many lines in the source code but the browser ignores them.

This paragraph contains many lines in the source code but the browser ignores them.

The number of lines in a paragraph depends on the size of the browser window. If you resize the browser window, the number of lines in the paragraph will change.

<h1 id="春晓">春晓</h1><p>    春眠不觉晓，      处处闻啼鸟。        夜来风雨声，          花落知多少。</p><p>注意，浏览器忽略了源代码中的排版（省略了多余的空格和换行）。</p>

Result:

Spring Dawn

Spring sleep without waking up, I can hear the singing of birds everywhere. The sound of wind and rain comes at night, and you know how many flowers have fallen.

Note that browsers ignore typography in source code (extraneous spaces and line breaks are omitted).

3. Links

HTML links are defined through the tag.

<a href="http://www.163.com">这是一个连接</a>

Result: This is a link

<!--在新的浏览器窗口打开链接 target值设置为_blank--><a href="http://www.163.com" target="_blank">这是一个连,在新窗口中打开</a>

3.1, anchor link

within the same page The connection jumps from one location to another

Create anchor

Display name 1

Connection Anchor

Connection display name 1

<a href="#a4">连接到a4</a><a name="a4">a4</a>

4. Image

HTML images are defined through the tag.

<img  src="/static/imghwm/default1.png"  data-src="图像路径"  class="lazy"  / alt="HTML two (basic tag)_html/css_WEB-ITnose" >