一些有关超文本标记语言主体方面的知识

html的标签多达上千个,且每年都在扩展,如何更好更方便地写出网站,需要精挑细选使用的标签,本篇大略的提到并讲解在使用html中常使用的标签


链接、图片方面

  1. <img src="">这是一个简单的图片标签
    当中src=””中填入图片的源地址,而title=”则进行说明图片
    那么alt的作用为何呢?
    实际上,在有些特殊情况下人们的页面因网路等原因显示不出来图片时,alt会在该图片所占用的位置进行说明。看一些特别的网站服务器不行总是这样,只能这样望梅止渴啦

  2. <a>此处为链接</a>HTML使用标签 <a>来设置超文本链接。当中href意为超文本引用在后面填上你所引用的网址就行啦;后者则是打开一个新页面,不要忘记下划线哦~。
    例如这里是度娘哦
    我们可能有疑问“为什么不能都用href或src来引用呢?”
    事实上href 表示超文本引用(hypertext reference),在 link和a 等元素上使用。src 表示来源地址,在 img、script、iframe 等元素上。
    src 的内容,是页面必不可少的一部分,是引入。href 的内容,是与该页面有关联,是引用。区别就是,引入和引用。

基本标签(Basic Tags)

  1. <strong>粗体字</strong>粗体字的输出方式,不要记混了

  2. <em>斜体字</em>这样就可以轻松地将字斜着打出来。

  3. <del>删除线</del>这就是酷酷的斜线,当你想要稍微跑题地说话的时候记得带上哦

  4. <p>段落</p>特别提醒:html中回车和空格是无意义的,在之后的标签中我们可以学到如何替代空格这一符号,p标签代表另起一行,开启一个新的段落。

5.<br> (换行符)这就是梦寐以求的代替回车的标签了怎么样,有没有心动?

6.<hr>(水平线)如下列所示


<h1></h1>大小

<h2></h2>大小

<h3></h3>大小

<h4></h4>大小

<h5></h5>大小
<h6></h6>大小

有序与无序列表

1.<ol>
<li>排序</li>
<li>分行</li>
<li>且有序分行就是ol的作用ol=ordered list,有没有联想到office lady</li>
</ol>
2. <ul type="“disc”">
<li>无序列表 </li>
</ul>

这就是ul与ol的区别。

ul与ol前的符号是可以修改的。只需要修改它们的type值。

ul的type属性有:disc—实心圆(默认)、circle—空心圆、square—实心方块

ol的type属性有:1—数字(默认)、a—小写字母、A—大写字母、i—小写希腊字母、I—大写希腊字母。

通过CSS也可以在将它们前的符号改为图片,这样列表显示就会更美观了。

ul 是块级元素可以定义宽和高 ,li表示行排列不能单独使用,需要在ulol里面,配合使用。

表单(Forms)

该标签用于为用户输入创建 HTML 表单。

表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。
我们常见的登入所需要的元素框就是由form表单构成的method=””必不可缺,这是数据传输的方式。

我们通常有get 和 post 两种方式

get:与post相比起来较不安全,因为在传输过程,数据被存放在请求的URL地址中,这样就可能会有一些隐私的信息被第三方看到。get的传输的数据量十分,一般被限制在2kb左右,但是正因如此,它的执行效率比post方式更快

post: Post 方式传递的数据量相对较大,它是等待服务器来读取数据,不过也有字节限制,这是为了避免对服务器用大量数据进行恶意攻击,根据微软方面的说法,微软对用 Request.Form()可接收的最大数据有限制,IIS4中为 80KB 字节,IIS5 中为100KB 字节。

所以在我们建设表单时最好是用安全性更高的post方式。

实体(Entities)

什么?无法打出等一些符号?没关系这里是一些符号的替代打法。
牛逼的符号替代打法
补充&NBSP; = 空格

div与span标签

在任何有名有姓的网站中,若在浏览器中按F12就能进入开发者模式,看到它俩的身影。这就是忍界的黑暗
<div></div><span></span>单独用法与<p>标签类似,需要注意的是,span并不具备换行功能,原因是,是因为块级元素与内联元素的不同,可以参见《html中内联元素和块级元素的区别)》


若仍然有些许其他的不周全之处,请多多海涵。更多标签在菜鸟教程中可以了解与学习,此外若想更加精进腾讯课堂是个不错的选择。

希望对各位有帮助,下期一定有机会将会讲父子结构的选择与优化。

最后修改日期: 2020年1月31日

作者

0 0 投票数
文章评分
订阅评论
提醒
0 评论
内联反馈
查看所有评论