html的简述和概念,html入门案例,html的语言规范,HTML字体标签,格式化标签,图片标签,

1 html的简述和概念Hyper Text Markup Language 超文本标记语言

文本:详单与记事本里写的文字,展示信息

超文本:不仅仅可以展示信息。泛指;图片,点击跳转页面

语言:语言工具   标记:标签   

HTML是标签所组成的语言,能展示超文本的效果

2 html入门案例<fond color=red>今天天气好晴朗</fond>   字体变成红色

3 html的语言规范:html代码是由头和体组成的、

<html>

<head>

<title>里面都是说明性的内容(就是网页的标题,名字)</title>

</head>

<body>

需要在页面上(给用户展示)展示的信息:例如:<fond color=”red”>今天天气好晴朗</fond>

</body>

</html>

 

<html> 标签就相当于java中的大括号,

Html文件的扩展名为html或者htmhtm是旧的命名规范 html是新的

Html 文件时由浏览器直接解析执行,无需编译,直接由上到下以此解析执行

Html标签之间的的内容叫做内容体

Html没有内容的叫空标签 如<br/>  斜杠 是自关闭

所有的标签都要有开始和结束,

Html不区分大小写, 但是建议小写,提高可读性。

Html 标签是有属性的,格式为:属性名=属性值,属性值用引号引起,包含单引号和双引号

Html标签建议包裹嵌套(外围完全包括内圈内容),禁止使用交叉嵌套

4 Hbuilder的使用: 网页开发的一种工具 包括html css javaScript bootstrap

5 基本标签 字体标签:

<font> 字体标签 用于展示效果中修饰文字样式size字体大小 color字体颜色face字体类型<font 属性名=属性值”> 文字信息内容</font>

Size 控制字体大小,最小1~最大7 如果不在17之间是无效的

Color 控制字体颜色,使用英文设置(例如:redblue.,.

Face 控制字体类型。只能设置系统字库中有的存在的字体类型

 

6 基本标签 格式化标签:

Html源码中的换行,浏览器再解析的时候会自动忽略,要在想换行的句子后面使用换行标签<br/>就行了。一个<br/>就是一行

HTML段落标签成对的<p> 段落内容</p>   并且在段前和段后自动加空白行标签。 

Align:段落的对齐方式 默认是left 内容居左

<p  align=”right”>    right 居右  Center 居中

HTML标题标签 <h1>标题内容</h1>   标题有h1 h6  h1 是最大的

HTML  空格符号  ;  html源码中有多个空格,效果中最终会合并成一个

空格符号,用于展示效果中显示一个空白的位置

HTML 注释标签  格式: <!- -注释内容- ->  注释的内容在展示效果中看不见

7 基本标签 图片标签:

 <img  src=“图片路径”/>  src 属性是指明图片的路径(必有属性) width=”图片宽度”  height=”高度像素” 是固定的设置,其默认单位是像素。百分比设置width=”50%” 百分比是父标签的百分之五十。是动态改变(可以随网页大小改变而改变)的

例如<img src= “图片路径”  with=”400”  height=”50%”/>

  图片路劲的写法:内网路径 :

相对路径:从引入这的路径开始寻找(建议使用相对路径)

  例如.../img/c_1.jpg   ...代表的是文件出发的路径

绝对路径:文件在硬盘上的具体位置

互联网路径:必须在前面加上http//

<img arc=”http://www.baidu.com”>

../表示上一层目录

./表示当前目录

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值