html基础标签_html/css_WEB-ITnose-HTML Tutorial-php.cn

Home

Web Front-end

HTML Tutorial

html基础标签_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:28 AM

今天开始写第一篇博文，记录我学习 html 以及 css 的所有的课程。第一天接触代码感觉整个人是蒙的觉得肯定学不会，但是我还是比较喜欢有挑战性的，下面跟着我一起来学习html。

1.HTML是什么？

HTML是超文本标记语言.（Hyper Text Markup Language）

2.HTML是尖括号包围的关键词，如

3.HTML是成对出现的，如

4.这是开头标签这个则是结束标签，也称为开放标签和闭合标签。

下面是举例：

<!DOCTYPE html><html><head>    <style>        span{color:red}    </style>    <meta charset="UTF-8">    <title>认识html的标签</title></head><p>    <a href="" name="aaa"></a>        <h1 id="HTML">HTML</h1>        <p>    <strong>1.这个星期学习了HTML</strong>        </p><br>    <strong>2.这是注释</strong><br>            <!--这是学习感触--><br>    <strong>3.这是超链接</strong><br>            <a href="http://www.cnblogs.com/Lixuemei/">进入我的主页</a><br>    <strong>4.为文本添加水平线</strong><br>            <hr><br>    <strong>5.标题标签是从h1.到h6依次排列，可根据自己的需要来选择</strong><br>                    <h1 id="这是标题">这是标题</h1>                    <h2 id="这是标题">这是标题</h2>                    <h3 id="这是标题">这是标题</h3>                    <h4 id="这是标题">这是标题</h4>            <br>    <strong>6.P是段落标签</strong><br>            <hr>    <strong>7.div块级标签</strong><br>             <div>                 <strong>8.q是引用短文本，例如一些短的诗句。</strong><br>    <q>庄生晓梦迷蝴蝶。望帝春心托杜鹃</q>，这个诗句挺特别的。        <br>        <hr>                 <strong>9.blockquote是引用长文本的标签语言</strong><br>    <blockquote>        明月出天山，苍茫云海间。长风几万里，吹度玉门关。汉下白登道，胡窥青海湾。由来征战地，不见有人还。    </blockquote><br>         <h1 id="心似桂花开">心似桂花开</h1>                 <br>                 <strong>10.address是地址标签。</strong><br>  <address>成都市青羊区抚琴东南路10号</address><br>                 <br>    <a href="" name="aaa">回到顶部</a>                 <p><strong>11.无序列表ul和有序列表ol</strong></p>    <ul>        <li>编写HTML</li>        <li>编写XHTML</li>        <li>编写CLL</li>>    </ul><br>    <ol>        <li>前端开发</li>        <li>javascript</li>        <li>零基础学html</li>    </ol><br>                 <strong>12.pre是预编格式标签。</strong><br>    <pre class="brush:php;toolbar:false">         3       + 9     -------        12

13.dil是定义列表标签，其中dt元素定义列表名称，dd元素定义列表具体的内容

老师: 前端; 学习

14.table是表格的标签，由th表格表头.tr表格的行数.td表示表格单元格数三元素构成。

产品名称	入库时间
耳机	联想	500
U盘	金士顿	120

15，.img是图片标签src是图片地址。
html基础标签_html/css_WEB-ITnose

16.ifrme是内联框架标签，同样src后面可以接地址

个人觉得学习这个没有捷径只有多练习，多敲代码，才可以学好这门课。

Statement

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Difficulty in updating caching of official account web pages: How to avoid the old cache affecting the user experience after version update?Mar 04, 2025 pm 12:32 PM

The official account web page update cache, this thing is simple and simple, and it is complicated enough to drink a pot of it. You worked hard to update the official account article, but the user still opened the old version. Who can bear the taste? In this article, let’s take a look at the twists and turns behind this and how to solve this problem gracefully. After reading it, you can easily deal with various caching problems, allowing your users to always experience the freshest content. Let’s talk about the basics first. To put it bluntly, in order to improve access speed, the browser or server stores some static resources (such as pictures, CSS, JS) or page content. Next time you access it, you can directly retrieve it from the cache without having to download it again, and it is naturally fast. But this thing is also a double-edged sword. The new version is online,

How to efficiently add stroke effects to PNG images on web pages?Mar 04, 2025 pm 02:39 PM

This article demonstrates efficient PNG border addition to webpages using CSS. It argues that CSS offers superior performance compared to JavaScript or libraries, detailing how to adjust border width, style, and color for subtle or prominent effect

How do I use HTML5 form validation attributes to validate user input?Mar 17, 2025 pm 12:27 PM

The article discusses using HTML5 form validation attributes like required, pattern, min, max, and length limits to validate user input directly in the browser.

What is the purpose of the <datalist> element?Mar 21, 2025 pm 12:33 PM

The article discusses the HTML <datalist> element, which enhances forms by providing autocomplete suggestions, improving user experience and reducing errors.Character count: 159

What is the purpose of the <progress> element?Mar 21, 2025 pm 12:34 PM

The article discusses the HTML <progress> element, its purpose, styling, and differences from the <meter> element. The main focus is on using <progress> for task completion and <meter> for stati

What are the best practices for cross-browser compatibility in HTML5?Mar 17, 2025 pm 12:20 PM

Article discusses best practices for ensuring HTML5 cross-browser compatibility, focusing on feature detection, progressive enhancement, and testing methods.

What is the purpose of the <meter> element?Mar 21, 2025 pm 12:35 PM

The article discusses the HTML <meter> element, used for displaying scalar or fractional values within a range, and its common applications in web development. It differentiates <meter> from <progress> and ex

What is the purpose of the <iframe> tag? What are the security considerations when using it?Mar 20, 2025 pm 06:05 PM

The article discusses the <iframe> tag's purpose in embedding external content into webpages, its common uses, security risks, and alternatives like object tags and APIs.

See all articles