课堂笔记-HTML-走进HTML

本文回顾了HTML5从1993年至2013年的演进,以及CSS2.1和3.0的更新。介绍W3C标准的结构、表现和行为,并详细解读了HTML的基本结构、特殊符号和各类基本标签,包括块元素与行内元素的区别。
摘要由CSDN通过智能技术生成

HTML是1993年超文本标记语言,HTML5是2013

CSS2.1是2004年,CSS3.0是2010年

W3C标准包括结构,表现,行为标准

HTML的基本结构:

<html>

    <head>

    <title>网页头部</title>

    </head>

    <body>

        网页主要内容

    </body>

</html>

网页基本信息:

 

 

 

网页特殊符号:

&nbsp;

空格
&gt;大于号>
&lt;小于号<
&quot;引号"
&copy;版权符号@

网页的基本标签(单标签指<br/>,双标签指<h1></h1>): 

<h1>……<h6>双标签,标题标签,h1到h6,大到小
<hr>单标签,水平线标签
<br>单标签,换行标签
<p>双标签,段落
<strong>或<b>双标签,加粗
<em>或<i>双标签,斜体
<del>或<s>双标签,删除线
<ins>或<u>双标签,下划线
<a>双标签,标签链接

图像标签:

<img src="图像地址,可以网页链接或者本地文件" alt="替代的文字" title="鼠标悬停提示文字"  width="图像宽度" height="图像高度">

链接标签:

<a href="链接路径/本地路径" target="链接在哪个窗口打开,_self在原窗口打开,_blank创建新窗口打开">链接文本链接图像</a>

锚链接:

<a name="名字">锚链接跳转重点</a>,<a href="#名字">锚链接跳转文字起点</a>跳转另外一个html的指定位置<a heft="文件名.html#name名字">

功能性链接:

<a href="mailto:bdqnWebmaste@bdqn.cn">联系我们</a>

块元素:无论内容多少,该元素独占一行,代码:p、h1-h6…,块元素可以设置宽高

行内元素:内容撑开宽度,左右都是行内元素的可以排在一行,代码:a、strong、em…,行内元素不可以设置宽高


 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值