• HTML


    1.HTML

    HTML全称为Hypertext Markup Language(超文本标记语言)。超文本指用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本;

    超文本也指页面内可以包含图片、链接,甚至音乐、程序等非文字元素;标记语言是一种将文本及文本相关的其他信息结合起来,展现出关于文档结构和数据处理细节的电脑文字编码;

    超文本标记语言就是描述文本、图形和包含其他信息的文件组织和链接在一起的方式的一种语言。

    一个基本的HTML文件“文档声明”"html标签部分"组成。

    2.HTML标签

    HTML标签就是由尖括号包围的关键词,如<html>

    3.文档声明

    文档声明DOCTYPEDocument Type的缩写,告知浏览器当前文件的类型是HTML,浏览器可以正确的去加载它。

    4.HTML标签

    1.块标签   (独占一行,换行显示;可以设置宽高;块级标签可以嵌套块级标签和行级标签)

    div标签:无特殊意义,主要用于网页布局

    标题类标签h1~h6,<h1>定义最大的标题,<h6>最小

    段落标签p,用于定义一个段落

    换行标签br

    无序列表ul

    有序列表ol

    定义列表dl,dt,dd三种标签,其中dl表示定义列表,dt表示定义列表的标题,dd表示定义列表的内容

    2.行标签(在行内显示;内容撑开宽高,不可以设置宽高(input,img除外);行标签只能嵌套行标签)  

    span标签

    em标签:表示用来强调,默认状态下是倾斜效果

    strong标签:表示用来强调,默认状态是加粗效果,比em更强烈的强调

    var标签:表示变量,默认状态是倾斜效果

    b标签:表示加粗,默认状态就是加粗的效果

    i标签:用来表示倾斜的效果,常用于小图标

    u标签:表示文本有下划线

    a标签:超链接,a标签可以拥有href,title,target3个常用且重要的属性;a标签还可以作为锚链接。

    a标签的href属性:用于指示链接的目标,必不可少。对于外部链接,通常使用完整的地址,包括协议及网站的地址,没有协议是无效链接;内部链接直接书写路径即可。

    a标签的title属性:网站开发者希望用户能够通过链接,看到这个链接的一些介绍信息;链接设置 title 属性,当用户的鼠标移入超链接时,会显示title属性的具体属性值;SEO优化

    a 标签的target 属性:用于控制链接页面的打开位置,默认点击一个超链接,会自动刷新当前页面。 _blank 值浏览器总在一个新打开、未命名的窗口打开目标文档 。_self 默认在当前页打开

     

    img标签:src属性用于设置路径,alt属性用于设置图像的替代文本,当网速慢等因素造成图片加载失败替代原图片显示的文字;

    title 属性是用于鼠标放在图片上显示出来的对图片的解释;width属性和height属性可以设置图片的宽和高。

    表单元素:

    form 标签(块级元素)

    input 标签:根据type类型定义input的具体表现类型。<input type="text" name="" value="">。 value 属性是用户输入的值,也可以设置文本域默认值。name 值是服务器接受值的键名

    下拉按钮菜单(select&option)

    多行文本输入框(textarea)

    label 标签

    搜索引擎优化(SearchEngine Optimization,简称SEO),指在了解搜索引擎自然搜索机制的基础之上,对网站进行内部及外部的调整优化,改进网站在搜索引擎中关键字的自然排名,获得更多的展现量,吸引更多目标客户点击访问网站,从而达到互联网营销及品牌建设的目标 SEO可以帮助将网站中的高质量内容更好的呈现给搜索引擎,SEO和搜索引擎,是良性的共生关系

    HTML代码SEO优化:

    标签语义化:根据标签的语义合理使用 图片alt一定要合理书写 a标签内部的文本(锚文本)对关键词排名影响非常大 合理利用搜索引擎重视的标签 (title,strong,h1-h3,a,em,img&alt)

  • 相关阅读:
    javascript实现新浪微博MID与地址转换
    C#中webbrowser与javascript(js)交互的方法
    网页开发中调用iframe中的函数或者是dom元素
    利用PHPExcel将数据导出到xls格式的excel文件
    [转]不看后悔,3000月薪与30000月薪文案的区别!!!
    php格式化时间戳显示友好的时间
    ubuntu14.04 使用笔记
    微信公众平台网页授权获取用户基本信息中授权回调域名设置的变动
    wdcp挂载数据盘为WWW以及之后出现的各种问题解决方法
    ECShop研究:去掉标题中的Powered by ECShop和meta的<meta name="Generator" content="ECSHOP v2.7.3" />
  • 原文地址:https://www.cnblogs.com/wha000/p/11331334.html
Copyright © 2020-2023  润新知