黑马程序员技术交流社区
标题:
2046 耿金超 2017-4-5 直播课
[打印本页]
作者:
Yt雨天
时间:
2017-4-11 22:48
标题:
2046 耿金超 2017-4-5 直播课
论坛网址:bbs.itheima.com
博学谷yx.boxuegu.com
HTML 5
HyperText Mark-up
超文本: 文本字符 图片 视频 动画 音乐……
html5 网页
静态网页文件拓展名 .html
html结构
html 告诉浏览器的html 语言
head 网页的头部(标题 文件编码 关键字 网页描述)
title 网站标题
bdoy 显示的内容都是放在body里面
开发工具 文本编辑
1记事本开发网页
2增强型的文本编辑器 颜色区分 代码
editplus,usblime notepad++
3 ide 集成环境编译器
phpstrorm ,netbean ecliose……
1.10 使用sublime开发网页
快捷键 : ctrl+s 保存
1.11
html 标签的语法 两类
1双标签 有开始有结束
语法<标签 属性=“属性值” 属性=“属性值”> </标签>
2单标签;有开始没有结束
语法:<标签 属性=“属性值” 属性=“属性值”>
<标签 属性=“属性值” 属性=“属性值”/>
HTML 标签的书写规则
1 html 标签不区分大小写 推荐爱你使用小写<html>
2 标签可以拥有若干个属性(包括0个) ,由w3c标准定制
3属性值用双引号包括起来。
html 标签
1主题标签
html head title body标签
文字标签
font 标签 ,设置文字的字体 颜色 大小
color=“red” 字体颜色
size=“4” 字体大小
face=“楷体” 字体
语法:<font color="颜色" size=“大小” face="字体">文字内容</font>
color,颜色 1英文颜色单词(red blue yellow green)2十六进制的颜色color=“#f0000”
size:字体大小
face:字体 face=“楷体”
加粗 <b></b> /<strong> </strong>
倾斜 <i></i>
下划线<u></u>
1.15 排版有关的标签
标题标签 h1-h6
语法:<h(1`6) align="left">排版内容</h(1`6)>
align=“ regedit/left /center"
段落标签<p>
段落
</p>
换行标签
<br/>
水平线:
<hr/>
div 标签 没有语义 自己占一行 表形css样式 div+css 样式布局
div 把窗口划分为几块 内容(若干个区域)
span 标签, 不是自己占一行 css样好似
总结:
1html5 标签
<html> 告诉浏览器使用的是html语言
<head> 网站头部
<mete charset ="utf-8"> 防止乱码
</head>
</body>
</html>
文字标签: font(看源码) color =颜色 size=大徐爱 face=字体
加粗 b striong 倾斜 i 下划线 u
排版标签 表日标签 h1-h6 align=水平对其方式 left 多对其 center 剧终 right 右对齐
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2