前端之HTML

html(HyperText Markup Language),翻译为超文本标记语言。

html也是一种语言,它是用来标记网页信息如何显示的语言,它是web编程的基础。简单来说,它就是网页所用和所能识别的语言。

html语言的语法非常简单,它的基本组成结构是元素。如下,就是一个元素:

<html>
  <body>
    <p>Hello World!</p>
  </body>
</html>

其中<p>是开始标签,</p>是结束标签,它们之间的文本Hello World!被称为内容。
上述从开始标签到结束标签中所有的内容,包括标签本身,称为元素,元素可以嵌套在元素中。

标签之中还可以添加属性,属性用来修饰内容,以实现不同的渲染结果。
例如最常见的超链接:

<a href="http://www.12306.cn">12306网站</a>

效果如下
12306网站

<a>是超链接的标签,href被称为属性,属性值为后续的字符串,是超链接跳转到的域名,如果没有这一属性,也会有超链接的效果,但是没有目的地,无法跳转,效果如下:
12306网站

其实html语言就是一个一个的元素构成的,元素中包含属性,许多元素最终使得浏览器将其渲染成内容丰富的网页。

常用的html标签:
<p>:段落,表示显示其中文本内容并换行
<h1><h6>:不同大小的标题
<b>或者<strong>:表示粗体,strong粗体同时还代表该段文本较为重要
<i>或者<em>:表示斜体,em还表示语义上的加重,常常用于引入新术语的时候
<pre>:预格式,用于按照标签中写好的格式显示内容
<del>:删除效果
<ins>:下划线标签
<img src="相对路径或者绝对路径">:该标签用于显示图片。
<a href="域名">:这是一个空白超链接
<table>:展示一个表格,可以用border属性设置边框,width属性设置宽度
<ul>:无序列表
<ol>:有序列表
<font color = "red" size="+2">:这是红色的+2号字体 其中color设置属性,size设置大小
<iframe src="12306.cn/" width="320px" height="180px"></iframe>:内联框架,在浏览器中显示浏览器
<input type="text" size="10" value="初始值">:文本框
<input type="password">:密码框
<form>:表单,用于向服务器提交信息,用法较为复杂。一般同时使用的还有提交按钮等。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值