今天学习HTML

来源:互联网 发布:淘宝怎么看退款率 编辑:程序博客网 时间:2024/06/05 05:30

在学校小学期其间,我们的实践项目是搭建一个安全web界面,我主要负责前端的搭建。但是之前从未接触过前端,所以有很多东西都是一边用一边学,虽然效率高一些,但是没有系统学习过还是感觉力不从心。所以为了不断完善自己,我希望开始学习相关知识。

可以说HTML中最重要的结构就是各种标签。最外层是<html>标签,然后还有不可见的<head>和可见的<body>标签。title标签用来确定网页名称,在head标签即可。而<h>标签一共有六个,从大到小顺序变化,其中可以嵌套子元素。

<p>是段落元素,专门用于划分段落,并且可以嵌套。<div>标签就像一个塑料袋?!可以嵌套,比较方便的容器。<a>标签用于设置超链接,<a href="http://baidu.com" target="_blank/_self">可以用来设置转到的地址还有是否新建页面打开。

图片标签<img src="" alt="">可以用来插入多种格式的图片并且可以直接使用网址图片地址,包括动图GIF,如果图片显示不出来,则可以显示alt后面的内容。注意img标签没有尾标签。

表格类标签,包括<table><tr><th><td>>thead><tbody>等几个标签,首先用table表明是表格,然后thead表示表头部分,tbody表示表的内容部分,tr表示起一行,th表示表格的属性名称,比如“姓名”,td表示表格内容,比如“陈花花”。

<header><footer>标签表示页眉和页脚,位于内容的上部和下部,没有内容时默认高度为0.可以在header标签中添加h1标签来表明主题。此外,使用<hr>标签可以在界面中添加横线。

<link href=""><script src="">两个标签,可以放在head中也可以放在body中,link一般联系CSS文件,而script中一般是JS文件或者JS代码。

<bottom>标签可以与<form>表单一起使用,用来提交信息。

<abbr title=“”>标签用来表示缩写。而<code>标签用来插入行内代码段,<pre>标签用来插入整块代码段。

原创粉丝点击