web前端-HTML基本语法

HTML

HTML的概述

​ HTML是指的是超文本标记语言,HTML语言把我们需要表达的内容显示在浏览器上

HTML基本语法

<!DOCTYPE html> (html5文档声明)
<html>(html标签标记了文档的开始与结束)
	<head>(head标签包含了所有的头部标签)
		<meta charset="utf-8">(meta标签可提供有关页面的源信息,位于文档的头部)
		<title></title>(tltle标签可以定义网页的标题)
(标题处添加图标<link rel="icon" href="ico地址">)
	</head>
	<body>(网页的内容,包含了文本,图像,链接)
    </body>
</html>     

HTML注释(ctrl+/) 不会显示在网页上

标签:

HTML中的标记指的就是标签。
HTML使用标记标签来描述网页。

结构:

<标签名>标签内容</标签名> 闭合标签(有标签内容)双标签
<标签名/> 自闭合标签 (无标签内容) 单标签

标签属性:

标签可以拥有属性(属性可以有多个)属性进一步说明了该标签的显示或使用。

属性格式=“属性值”

属性位置:<标签名 属性名 = “属性值“ >xxx</标签名>

基本常用标签

标题标签

……

标签用于指定不同级别的标题, 从h1到h6字体依次减小。

段落标签

p 标签中的文字默认会独占一行,并且段与段之间会有一个间距。

换行标签

br标签呈现换行符效果,它是个自闭和标签(单标签),会从标签开始换行,不会和段落标签

一样段与段之间有间隔

列表

li标签:列表项

无序表 
		  <ul type属性:circle disc square>
		  <li></li>
		  </ul>
有序表
		  <ol type属性:1,A,a,I,i> 
		  <li>列表项内容</li>
		  </ol>	

超链接:通过链接访问其他的网页

<a  href=“http://www.baiduc.om”target=“_blank”>百度</a>
<a  href=“login.html” target =“_blank”>登录</a> 

target:默认值为_self

self:在本网页的基础上打开链接网页

blank:新建一个网页打开链接网页

图像标签

<img src=“img/demo.jpg”width=“300”height=“150“border="1”  alt=“美丽的图片”/>

图像属性:

src=“图片位置(路径)”

width=“图片的宽度”

height=“图片的高度”

border=“图片的边框大小”

alt=“图片不能正常显示时对图片的描述(比如网卡的时候)”

title=“鼠标放在图片上显示的信息”

一些特殊符号转义

小于号 &lt

大于号 &gt

版权 &copy

商标 &trade

注册商标 &reg

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值