HTML
来源:互联网 发布:音乐降调软件中文版 编辑:程序博客网 时间:2024/06/15 02:33
###:网站信息显示页面
1.HTML:(Hyper Text Markup Language:超文本标记语言)
超文本:功能比普通文本更加强大
标记语言:使用一组标签对内容进行描述的一门语言(它不是编程语言)
2.语法和规范
HTML文件都是以.html或者.htm结尾的。建议使用.html结尾。
HTML文件分为头部分(<head></head>)和体部分(<body></body>)
HTML标签都是由开始标签和结束标签组成。(<hr />)
HTML标签不区分大小写,建议使用小写
3.HTML相关标签学习
标题标签<hn></hn> //(n从1到6渐渐变小)
特点:加粗加黑显示,单独占一行,与其他行有一定的间距
注释:
<!--标题标签-->
换行符<br />
水平线标签 <hr />
段落标签<p></p>
字体标签<font></font>
属性:size:指定内容的大小
color:指定内容的颜色
face:指定内容的字体
加粗:<b></b>
斜体:<i></i>
下划线:<u></u>
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>标题标签</title></head><body><!--标题标签--><h1>标题</h1><h2>标题</h2><h3>标题</h3><!--加入一条水平线--><hr /><h4>标题</h4></body></html>
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>段落标签</title></head><body><p>不积硅步无以至千里<!--<br />--></p>不积小流无以成江河</body></html>
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>字体标签</title></head><body><u><b><i><font color=red size="1"> 小小蚂蚁干大象!!!</font><br /><font color=red size="3"> 小小蚂蚁干大象!!!</font> </i></b></u></body></html>
###:网站图片显示页面
1.图片标签
<img />
属性:
src:指的是图片显示的路径(位置)
绝对路径:文件实际在硬盘存储位置
相对路径:
①同一级:直接写文件名称或者./文件名称
②上一级:../文件名称
③下一级:写上目录名称/文件名称
width:指定图片的宽度,取值可以是像素值,也可以是百分比
height:指定图片的高度,取值可以是像素值,也可以是百分比
alt:当图片无法正常显示的时候给出的提示信息(该属性的显示效果与浏览器以及浏览器版本有关)
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>网站图片信息显示页面</title></head><body><img src="../ad.jpg" width="250px" height="40px" alt="logo"/></body></html>
阅读全文
0 0
- html
- html
- html
- HTML
- HTML
- html
- html
- html
- html
- HTML
- HTML
- Html
- html
- HTML
- html
- HTML
- HTML
- HTML
- Effective JAVA 笔记
- windows上的PCREDENTIALW存储用户名和密码
- ImageLoader初始化配置
- HDU
- JVectorMap插件使用
- HTML
- python模块学习(threading模块中的Condition类)
- 卷积神经网络(CNN)学习笔记
- Spring依赖注入方式
- Leetcode
- CocoaPods报错
- 苹果6s刷机教程,苹果6s Plus刷机教程
- 杭电ACM OJ 1008 Elevator 其实就是简单的加减法 有点水
- jenkins的安装配置,插件配置,安装插件,配置maven,jdk路径,配置安装插件,项目配置,自动构建配置