美文网首页
前端入门,html基础理解

前端入门,html基础理解

作者: 流逝唯一 | 来源:发表于2018-04-10 17:49 被阅读0次

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基础理解

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