成都网站建设设计

将想法与焦点和您一起共享

Web前端入门学习(2)——HTML常用标签-创新互联

HTML标签

创新互联是一家集网站建设,津南企业网站建设,津南品牌网站建设,网站定制,津南网站建设报价,网络营销,网络优化,津南网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

1.a标签

 a标签是一个超链接标签,用于从一个页面链接到另一个页面。在《Web前端入门学习(1)》有提到过 4个伪类,分别是a:link、a:visited、a:hover、a:active。

a:link代表的是未访问过的链接,当访问者首次打开网页未点击链接时,所表现的形式;

a:visited代表的是访问过的链接,相对于link,是访问者点击了连接后,所表现的形式;

a:hover代表的是当鼠标经过链接上面时所表现的形式,鼠标经过后,链接会有所变化;

a:active代表的是当用户点击链接的那一刻,所表现的形式。

注意:这4个伪类的使用,有一个先后顺序,并不是随便写就可以的。这里规定,a:hover必须写在a:link、a:visited后面,而a:active必须写在a:hover后面。

href属性用于规定链接的目标URL,即链接地址。如




	
	Document


小倩加油站

链接打开方式默认是在本窗口打开,如果想在新窗口打开链接,可以加个target属性。如




	
	Document


小倩加油站

2.span标签

span标签是用于对文档中的行内元素进行组合,该标签没有固定的格式表现。当对它应用CSS样式时,才会产生视觉上的变化。如果不对应用样式,那么该元素中的文本与其他文本不会有任何视觉上的差异。标签提供了一种将文本的一部分或者文档的一部分独立出来的方式。

3.标题标签

标题标签有h2~h7,如




	
	Document


我是标题1

我是标题2

我是标题3

我是标题4
我是标题5
我是标题6 我不再是标题,而是浏览器默认字体~~

注意:当超出h7之后,标题标签不存在,字体显示跟所打开的浏览器默认字体一致了。

4.列表标签

a.有序列表




	
	Document


      
  1. 列表项1
  2.   
  3. 列表项2
  4.   
  5. 列表项3
  6.   
  7. 列表项4

b.无序列表




	
	Document


      
  • 列表项1
  •   
  • 列表项2
  •   
  • 列表项3
  •   
  • 列表项4

c.自定义列表




	
	Document


  
定义列表标题
      
定义列表项
      
定义列表项
      
定义列表项

5.其他常用标签:

段落标签p:




	
	Document


我是段落

重要文本strong:




	
	Document


加强(页面展示为粗体)

强调文本em:




	
	Document


强调(页面展示为斜体)

这里只列出常用的几个标签,实际上还有很多标签,详见:http://www.runoob.com/tags/html-reference.html

6.HTML5新增标签

header:定义文档或文档的一部分区域的页眉。

nav:定义导航链接。

section:定义文档某个区域。

footer:定义文档或文档的一部分区域的页脚。

article:定义独立内容。内容本身必须有意义而且是独立于文档的其他部分。

aside:定义标签外的内容,内容与附近的内容有关。

time:定义公历时间或日期。

mark:定义带有记号的文本,为了突出显示文本。

img(跟a链接一样,是一个单标签):定义HTML页面的图像,有两个必要属性:src和alt。

创新互联www.cdcxhl.cn,专业提供香港、美国云服务器,动态BGP最优骨干路由自动选择,持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证, 机房独有T级流量清洗系统配攻击溯源,准确进行流量调度,确保服务器高可用性。佳节活动现已开启,新人活动云服务器买多久送多久。


分享文章:Web前端入门学习(2)——HTML常用标签-创新互联
文章网址:http://chengdu.cdxwcx.cn/article/dchcij.html