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=“鼠标放在图片上显示的信息”
一些特殊符号转义
小于号 <
大于号 >
版权 ©
商标 &trade
注册商标 ®