0基础学习网页制作-Html

html教程

视频内容

1、什么是HTML?

HTML 是用来描述网页的一种语言。
· HTML 指的是超文本标记语言 (Hyper Text Markup Language)
· HTML 不是一种编程语言,而是一种标记语言 (markuplanguage)
· 标记语言是一套标记标签 (markup tag)
· HTML使用标记标签来描述网页

2、例子

<html>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>

例子解释

· <html> 与 </html> 之间的文本描述网页
· <body> 与 </body> 之间的文本是可见的页面内容
· <h1>与 </h1> 之间的文本被显示为标题
· <p>与 </p> 之间的文本被显示为段落

3、常用标签

<html>
<head>
  <title>文档的标题</title>
</head>
<body>
 文档的内容... ...
</body>
</html>
<h1>这是标题</h1>
<p>这是段落。</p>
<a href="http://www.baidu.com">这是通向百度的链接</a>
<img src="logo.png"width="306" height="118" />
<hr />     <!--水平线-->
<br>   <!—换行符-->
<label> 这是标签 </label>
<p>有序列表:</p>
<ol>
  <li>打开冰箱门</li>
  <li>把大象放进去</li>
  <li>关上冰箱门</li>
</ol>
<p>无序列表:</p>
<ul>
  <li>雪碧</li>
  <li>可乐</li>
  <li>凉茶</li>
</ul>
<inputtype="text">
<inputtype="submit" value="提交">
<inputtype="password">
<tableborder="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>
<div></div>

4、常用属性

<h1 align="center">这是标题</h1>
<bodybgcolor="yellow">
</body>
<!--id-->
<!--class-->
<h1 style="color:blue;text-align:center">This is a header</h1>
<p style="color:red">Thisis a paragraph.</p>

文章来自:4月14日早,在贵州大学北校区10栋715寝室,对物理学院同学培训的内容。

原文发布于微信公众号 - 斜述视角(defuli_diffper)

原文发表时间:2018-04-18

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏移动开发

Android 5.0 Button 按钮水纹效果的适配问题

但是这样在5.0以下的系统,这样就没有效果,按钮会变成默认的灰色状态,点击按钮也不会有颜色的状态区别 为了兼容5.0以下的设备,我们可以利用seletor(...

16930
来自专栏我就是马云飞

一个精致的打钩小动画

前言 最近在看轻芒杂志的时候,看到一个动画很带感很精致; 恰好这段时间也在看【HenCoder】的自定义view教程(里面写得非常非常详细,也有相应的习题等等)...

23550
来自专栏Coco的专栏

【CSS3进阶】酷炫的3D旋转透视

27740
来自专栏葡萄城控件技术团队

响应式设计(Response Web Design)实践

前一篇响应式设计(Response Web Design)浅谈提到了响应式设计的由来和应用场景。本文聊一聊如何实现。 如何让自己的网站也响应式Web设计,可以响...

29870
来自专栏达摩兵的技术空间

动态内容的等高布局实现

首先不同内容的固定高度等高布局没有任何难度,本文讲的不是这种。本文讲的是,不同行级或者浮动元素具有不定高度时,将其他元素的高度填充为最大高度元素的高度这种场景。

9430
来自专栏程序员的知识天地

利用HTML5,无JS实现各种交互效果

<details> 标签在Chrome,Firefox等浏览器下默认是有展开收起行为的,例如下面HTML:

98320
来自专栏成长道路

html 边框变粗 margin -1px

最近刚开始学习web前端,html和css,对于遇到的边框变粗的问题,用margin为负值解决问题发表一些自己的理解 首先我们来看看下面一张图片 ? lis...

31300
来自专栏编程

小白必知什么是css和盒模型

CSS盒模型概念 CSS 盒模型也叫框模型 (Box Model) ,包含了元素内容(content)、内边距(padding,也叫填充)、边框(border)...

20770
来自专栏前端儿

细说移动端 经典的REM布局 与 新秀VW布局

说到前端页面的布局方案,可以从远古时代的Table布局说起,然后来到 DIV+CSS布局,之后有了Float布局,Flex布局,Column布局,Grid布局等...

32820
来自专栏IMWeb前端团队

animation动画实践

由于业务关系,有幸参与腾讯课堂app下载页面制作,原则上ie8、9可表现为静态版本,而高级浏览则为动画版本。在这把一些重要思想和中间遇到的一些问题记录下,以供知...

25200

扫码关注云+社区

领取腾讯云代金券