美文网首页
前端第一天---HTML

前端第一天---HTML

作者: 心i_af0a | 来源:发表于2018-12-18 16:20 被阅读0次

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>

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

相关文章

  • 2020-08-07

    ​ 第一天上午 前端开发工作内容和特点 [HTML]、[CSS]、[JavaScript]是前端开发中最基...

  • 前端文章系列

    【前端】从0.1开始,创建第一个项目 【前端】初识HTML 【前端】HTML标签 【前端】HTML属性 【前端】C...

  • 前端入门系列

    前端HTML & CSS 基础入门(1)初识 前端HTML & CSS 基础入门(2)段落及文本 前端HTML &...

  • 前端第一天

    前端第一天 目录: 前端三剑客 第一个前端页面 常用标签 标签的分类 一. 前端三剑客 html 为标记语言,是非...

  • 三种以上跨域的解决方式

    jsonp: (前端) (后端) CORS: (前端) (后端) postMessage a.html b.html

  • 【前端】-011-页面制作-HTML-小结

    HTML笔记汇总 【前端】-003-页面制作-HTML-HTML文档结构【前端】-004-页面制作-HTML-HT...

  • thinkphp5.0 select ajax

    前端html 前端js 后端(PHP)

  • Rxjs 的使用

    RxJS使用分: 前端Html 后端 前端使用方法 前端在Html中将RxJS作为普通Javascript库包引入...

  • HTML

    html+css+javascript 称作前端三剑客,html主要做前端的骨架,css做前端的效果,js做前端的...

  • 前端学习资料

    前端 Html+CSS+JS Web前端开发之HTML+CSS精英课堂【渡一教育】 Web前端开发之JavaScr...

网友评论

      本文标题:前端第一天---HTML

      本文链接:https://www.haomeiwen.com/subject/xvslkqtx.html