前端第一天---HTML

2018-12-18  本文已影响0人  心i_af0a

W3C是一个网页主要由三部分组成:结构(HTML)、表现(CSS)、行为(Javascript)
结构:HTML用于描述页面的结构
表现:CSS用于控制页面中元素的样式
行为:JavaScript用于响应用户操作
html基本结构:

<!DOCTYPE html>
<html >
        <head>
               <meta charset="UTF-8">
               <title>网页标题</title>
        </head>
        <body>
              内容
              <h1>标题</h1>
              <h2>标题</h2>
              <h3>标题</h3>
              .......
        </body>
 </html>

HTML标签

标签通常成对出现 ,如<p>和</p>

<html> 与 </html> 之间的文本描述网页
<body> 与 </body> 之间的文本是可见的页面内容
<h1> 与 </h1> 之间的文本被显示为标题
<p> 与 </p> 之间的文本被显示为段落
<img/>作用是图片标签,像页面导入外部图片
我们将一个完整的标签称为元素
元素就是标签,标签就是元素

<p>我是一个<em>段落</em></p>
p也是一个元素,em是p的子元素,p是em的父元素

常见字符集
ASCII
ISO-8859-1
GBK
GB2312
UTF-8(全球通用)
ANSI

产生乱码的根本原因是,编码和解码采用字符集不同

提示:学习 HTML 最好的方式就是边学边做实验。我们为您准备了很好的 HTML 编辑器。使用这个编辑器,您可以任意编辑一段 HTML 源码,然后单击 TIY 按钮来查看结果。

HTML 标题

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

实例

<pre><h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
</pre>

HTML 段落

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

实例

<pre><p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</pre>

HTML 链接

HTML 链接是通过 <a> 标签进行定义的。

实例

<pre><a href="http://www.w3school.com.cn">This is a link</a></pre>

HTML 图像

HTML 图像是通过 <img> 标签进行定义的。

实例

<pre><img src="w3school.jpg" width="104" height="142" /></pre>

注释:图像的名称和尺寸是以属性的形式提供的。

上一篇下一篇

猜你喜欢

热点阅读