程序猿学习第一天,HTML基础

HTML基础


简介:HTML=hyper text makeup language=超文本标记语言


一、html基本语法
1 html中有且仅有一个根标签<html></html>
2 标签都是成对出现的,有开始标签和结束标签,如开始标签<html>结束标签</html>;
如果开始标签和结束之间没有任何内容的话可以写成自闭标签如<br/><hr/>
<img src=""/>等
3 标签和标签之间可以嵌套标签,嵌套不能混乱要么嵌套
<body><p></p></body>
要么并列
<head></head>
<body></body>
不能混乱。


二、标签功能
1.<h1>内容</h1>定义标题,可将内容定义为预设好的标题格式,一般默认一共有h1~h6六个预设标题格


式。


2.<p>内容</p>定义段落,内容将被定义为一个段落。


3.<strong>内容</strong>对内容文字进行加粗处理。


4.<em>内容</em>内容文字斜体。


5.<a>内容</a>为内容赋予超链接功能。


6.<br/>自闭标签,用户换行;<hr/>自闭标签,用于显示一条水平分割线;<img src=""/>自闭标签,用于


显示一张图片。




三、标签属性:每一个标签可以有若干个属性。
一个标签可能有多个属性,各个属性值中间用空格 隔开。
1.<img src="要显示的图片路径 绝对路径(直接从盘符开始) 
相对路径  相对于当前html所在的路径" title="鼠标悬停提示文字" alt="图片显示不出来时候的替换


文字" width="图片宽度" height="图片高度" />width和height建议只给一个,这样另外一个的值会进行


等比例的缩放。


2.<a href="跳转到的地址" target="_self/_blank">要点击的内容</a>
_self 在当前页面打开网页
_blank  在新的页面打开网页
超链接的类型:根据应用场合,可以分为3类
页面间链接:A页到B页,最常用,多用于网站导航
锚链接:用于定位到某个页面的某个特定的位置
功能性链接:点击后不是跳转页面,而是启动本机自带的某程序


四、注释和特殊符号


注释和特殊符号注释是给程序员看的,注释内容不会显示在网页当中; <!-- 注释内容-->快捷键 ctrl + 


/
空格    &nbsp;如果代码中直接空格输入空格,浏览器最多只会识别并显示连续空格当中的一个,所以


需要特殊符号来代替。
大于号  &gt;因为在代码中大于号小于号就是代码标签常用的尖括号“<>”所有为了避免一些问题,这


种符号用特殊符号来代替。
小于号  &lt;
双引号  &;quot,同上
版权符号 &copy; 反正我是不知道怎么能不用用特殊符号把这玩意输出来。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值