首页 > 代码库 > 前端day01HTML
前端day01HTML
什么是HTML?
答: 超文本标记语言。
什么是超文本?
答: 超文本就是指页面内可以包含图片,连接,甚至音乐,程序等非文字元素
什么是标记?
答:指的就是使用标签的方法将需要的内容包括起来 例如:<a>www.itcast.cn</a>
HTML能干什么?
答:网页内容包含:HTML代码,CSS代码,JavaScript代码
HTML代码: 用于展示需要显示的数据
CSS代码 : 使显示的数据更佳好看
JavaScript代码: 使整个页面显示的数据具有动画效果。
静态页面:编写之后再浏览器不在改变的网页. HTML就是用于编写静态网页的。
动态页面: 会根据不同的情况展示不同的内容。例如:登录成功后右上边显示用户名。
HTML结构都是有标签组成
标签预先定义好的。我们只需要了解其功能就可以
标签名不区分大小写
通常情况下标签由开始 标签和结束标签组成 例如<a></a>
如果没有结束标签,建议以/结尾 例如<img />
HTML结果包括两部分:头head和体body
总结:
1 html语言 如果标签有开始有结束 称为围堵标记
2 html语言 如果没有 称为空标记
3 html语言 不是很规范的语言
4 html语言 标签不区分大小写 但是国内的程序都用小写
5 html语言 标签最好要正确的嵌套
6 标签中可以有属性
书写格式 属性名=“属性值”
==================标签=======================
文字类标签:
<hn></hn> n是一个可变数 取值范围 1-6
<h1></h1>
特点:加粗 换行 上下留白
从1-6越来越小
常用属性:
align:对齐方式, 左left 右right 中center
文字标签:
<font></font>
常用属性:
color:颜色
2中颜色取值方法:
1. 直接颜色的英文单词
2. R红G绿B蓝 (RGB) 以#打头后面跟上6个十六进制的数 #12345f
size:大小
face:字体家族
<b></b> :加粗
<strong></strong>:也是加粗
<i></i>:斜体
排版类标签:
<hr />:水平线的标签
常用属性:
width:宽度
1 <hr width="50%" />
2 px像素
align: 对其方式
<br /> : 换行
段落标签:
<p></p> :分段落
常用属性:
align: 对其方法
图片标签:
<img />
常用属性:
src:指定图片路径
alt:替代文字
width:宽度
height:高度
title:介绍
路径取值:
1.相对路径
当前路径:如果把图片放到本机目录./logo2.png
上级路径:../img/logo2.png
2.绝对路径
http://img.baidu.com/xx.jpg
列表标签
ol: 有序列表
常用属性:
type: 默认(1234)
type="a" (abcd)
type="A" (ABCD)
ul:无序列表
常用属性:
type:
disc:默认
circle:空心圆
square:方块
共同的子标签
li:列标签
<ol>
<li>地方</li>
<li>对方</li>
<li>飞</li>
<li>额问问</li>
</ol>
<ul>
<li>个人</li>
<li>而非</li>
<li>cvd</li>
<li>思维</li>
</ul>
超链接标签:
<a></a>
常用属性:
href:要跳转的页面的路径
target:跳转的页面的打开方式(去其他页面显示,不替换当前页面)
_black:新开一个选项卡打开
_self:默认
framename:在框架集里显示
表格标签:
<table></table>
常用属性:
border:px
width:宽度
heigh:高度
cellspacing:表格线的间距
align:对其方式
常用子标签:
<tr></tr>
tr标签 行
常用属性:
bgcolor:背景颜色
align:对其方式(指的是内容对其方式)
常用的子标签:
<td></td>:单元格
常用属性:
bgcolor:背景颜色
align:对其方式(指的是内容对其方式)
rowspan:行合并
colspan:列合并
<th></th>:表头标签
特点:自动加粗和居中
frameset标签 框架集标签
常用属性:
水平切分
rows="";
垂直切分:
cols="";
常用子标签:
frame标签
常用属性:
委托给别人 : src:指明该区域要显示的页面
name:
frameset标签和body标签不能共存
frame是一个空标记不支持嵌套
frameSet支持嵌套
前端day01HTML