前端入门,html基础理解

1,html:是一种超文本标记语言(超文本即超链接,实现页面跳转)

html的标签分为二种,单标签跟双标签。

单标签:<!Doctype html> 

双标签:<html></html>,<head></head>,<title></title>,<body></body>,<p></p>,<ol></ol>,<li></li>

2,html的结构格式:

<!Doctype html>   (声明文档类型)

<html>       (根标签)

         <head>       (头标签)

                  <title></title>    (标题标签)

         </head>

         <body>           (主题标签)

         </body>

</html>

3,html内容

图片标签:<img src="图片来源"   alt=“替换文本”(在图片没有显示的情况下,显示的文字)    title=“提示文本”    width=“宽”    height=“高”

超链接:<a href="去往的路径"   title=“文字标签”    target=“-self”/“-blank”

锚点:先在主题开头设置一个锚点<p id="xd">    <a href="#xd">超链接</a>

列表:主题标签里包含的子标签<ol><li></li></ol>(有序标签),<ul><li></li></ul>(无序标签)

音乐标签:<embed src="在网页中加入播放器视频文件"

相对路径与绝对路径:相对路径就是相对与自身出发,找到下一级目录(文件夹)的图片(文件)用/,跳出当前目录的用../(例如<img src="123.html/1234.jpg"/>);绝对路径就是从盘符出发(一般不使用)。

按钮

文件提交按钮:<input type="sublime">可以实现信息提交功能;普通按钮:<input type="button"value="普通按钮">不能提交信息,配合js使用;重置按钮:<input type="reset">将信息重置到默认状态;图片按钮:<input type="image" src="按钮.jpg"

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,704评论 32 459
  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 6,380评论 2 21
  • 一、学习目标 主要是学习web开发中的一些基本性的概念,例如b/s架构,web服务器,dns等等。同时还要学习HT...
    我爱开发阅读 4,075评论 0 7
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,673评论 1 41
  • 文/金戈的歌 翻路人的微博往往毫无乐趣。可是,翻现任的前任、前任的现任,或者现任的追求者,那可就是一种全世界都喜闻...
    金七言阅读 5,884评论 6 19