Web前端技术初探(一)

HTML (HyperText Markup Language) 超文本标记语言

HTTP   (HyperText TransferProtocol)  超文本传输协议

CSS      (CascadingStyle Sheets)       层叠样式表

HTML--结构   CSS--样式

href (hypertextreference) 超文本引用,读作“h-ref”

(一)HTML 常用关键字

<!--,-->:加入注释;

<!doctype html>:HTML5的doctype,表示使用标准HTML,不再考虑版本号。HTML标准不是固定标准。具有向后兼容性;

<html></html>,:HTML从此处开始/结束;

<head></head>,:页面首部开始/结束;

<meta>:指定字符编码;

<title&gt,</title>;:页面标题;

<style>,</style>:可以通过type=“text/css”来指定css样式语言;

<link>:可以通过type=“text/css”来指定css样式语言,rel=”stylesheet” href=””来链接css文件,

<body>,</body>:页面主体开始/结束;

<h1&gt,</h1>;:段落标题,1-6字体逐渐缩小,可以通过id=""来为标题定义一个特定位置;

<p>,</p>:段落开始/结束,可以通过id=""来为段落定义一个特定位置,通过class=””来为元素定义类;

<code>,</code>:用来显示计算机程序代码;

<time>,</time>:表示内容为时间日期;

<a>,</a>:通过href=""来为网页中的文字或图像建立超链接,通过title=""来标识所要链接网页的文本描述,通过在href引号中#加id值来访问页面中的一个特定点,通过target="_blank"使链接在一个新标签页中打开或自己定义目标名,具有该相同目标名的链接都将在该目标名下的窗口打开;

<ol>,</ol>;:有序列表(orderedlist),块元素;

<ul>,</ul>:无序列表(unordedlist),块元素;

<li>,</li>:列表元素(listitem),内联元素;

<dl>,</dl>:定义列表;

<dt>,</dt>:定义术语;

<dd>,</dd>:定义描述;

<blockquote>,<blockquote>:引用,块元素;

<q>,</q>:引用,内联元素;

<em>,</em>:强调文本;

<strong>,</strong>:特别强调文本;

<em>,</em>:换行,void元素;

<img>:可以通过scr=""来指定显示图像的文件名,void元素,内联元素,通过alt=""来标记显示图像的文本说明,通过width="",hight=""来为浏览器提前提供图像的宽度和高度;

 

更多元素解释请访问:http://www.w3school.com.cn/tags/tag_pre.asp

W3C HTML5 验证服务:https://validator.w3.org/

 

(二)HTML中特殊字符的加入

常用字符实体请访问:http://www.w3schools.com/tags/ref_entities.asp(该链接已失效404)

                                 https://www.w3schools.com/html/html_entities.asp

更详尽的字符实体清单:http://www.unicode.org/charts/

(三)绝对路径与相对路径

     访问站内页使用相对路径方便维护,链接其他网页使用URL.


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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值