html基本知识及标签

HTML(Hypertext Markup Language)超文本标记语言
HTML发展到现在有几个版本,而现今运用最普遍的是HTML5,HTML5是web核心语言HTML的规范。
所谓web,web也称为万维网(环球网或者www),我们接触最多的Internet(因特网)与web有着很大的区别,Internet是运行web的基础环境,而web能够将各类信息和服务类型进行链接。随着WEB兴起后的一种网络结构模式,B/S结构(Browser/Server,浏览器/服务器模式),这种结构模式主要应用在百度等,而相比较传统的C/S(client/Server,客户机/服务器模式),B/S有着更便捷更快速的优势。
一个完整的HTML,应该包含一下基本标签:
<!DOCTYPE html>   用来声明文档类型(不同的HTML版本其声明类型会有所差别,这个是h5的声明类型)
 <html></html>   (每个页面只会有一对html标签)
<head></head>
<title></title>
<body></body>

而其中的meta的标签:可提供有关页面的元信息,而其中的属性chares用于指定做为链接目标文档中所使用的字符编码。charest的属性值必须是标准字符集的名称(图中中utf-8具指万国码)。

以下列举常用的基本标签:

1、特殊符号  &nbsp (空格)&copy (注册商标)&yen (人民币符号) &gt (大于) &lt(小于)等

2、<u></u>  下划线  <s></s> 删除线 <b></b> 加粗文本  <i></i>  文本倾斜  <sup></sup> 上标  <sub></sub> 下标 等常用文本修饰标签。

3、<h1></h1>-<h6></h6>  标题标签  从1-6 字号越来越小,标题级别也随之减少。

4、<p></p> 段落标签  特点:独占一行(块级元素)

5、<a></a>  定义超链接标签  其属性有href  target等,最重要的属性是href,它指示链接的目标,target 属性规定在何处打开链接文件。

其href属性有以下几种形式:

<a href="#"></a>  返回网页顶部的空链接

<a href="xxx.html"></a>  链接目标为资源目录

<a href="xxx.rar/zip"></a>  链接目标为资源下载

<a href="mailto:00000000@xx.xxx" ></a> 链接目标为电子邮件

<a href="javascript:js"></a> 链接到js脚本

<a herf="#name"></a>  锚点

6、<pre></pre>  预格式化标签 

其作用就是将编译器上的内容原样输出。 

7、<ul><li></li></ul>  无序列表标签

type属性定义其li标签自带的样式 

    <ol><li></li><ol> 有序列表标签

其type属性与无序列表类似

<dl><dt><dd></dd></dt></dl>  自定义列表

8、语义化标签

<header>:页眉通常包括网站标志、主导航、全站链接以及搜索框。
<nav>:标记导航,仅对文档中重要的链接群使用。
<main>:页面主要内容,一个页面只能使用一次。如果是web应用,则包围其主要功能。
<article>:定义外部的内容,其中的内容独立于文档的其余部分。
<section>:定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
<aside>:定义其所处内容之外的内容。如侧栏、文章的一组链接、广告、友情链接、相关产品列表等。
<footer>:页脚,只有当父级是body时,才是整个页面的页脚。

 

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值