HTML标签


HTML标签是HTML语言中最基本的单位,HTML标签是HTML最重要的组成部分。   html标签的分类:   单标记、双标记     双标记(常规标记):  <标签 属性="属性值" 属性="属性值">  <标签>         单标记(空标记):     <标签 属性="属性值">   特点:   1、由尖括号包围关键词,如                 2、通常是成对出现的,也有单独呈现的标签,如:等。                3、标签对中的第一个标签是开始标签,第二个标签是结束标签;                                     4、一般成对出现的标签,其内容在两个标签中间。单独呈现的标签,则在标签属性中赋值。如

标题

。                 5、网页的内容需在标签中,标题、字符格式、语言、兼容性、关键字、描述等信息显示在标签中,而网页需展示的内容需嵌套在标签中。     接下来说一些常用的标签及其用法:
文本标题标签:  h1 - h6         特点:有默认样式:文本会加粗、字号不一样         h1标签是比较特殊的:唯一性。在单独页面中只能出现一次,放网站logo         h2-h6:板块的标题、一段叙述性文本的标题。。。         需要注意的问题:h1-h6  不能互相嵌套   文本的加粗和文本的倾斜:         加粗:   语义化:表示强调         倾斜:      下划线、水平线、换行符:         下划线:         水平线:
        换行符:

段落标记:         

        p标签是不能进行相互嵌套的         p标签里不能嵌套标题标签(h1-h6)
span标签:         表示一个字符,或者 某一小段文本
转义字符:            不换行的空格         <   <         >   >         ©  备案图标 ?   块|容器标签:   div         作用:划分网页结构。   列表: 1、无序列表:         
                
  •             
  •         
        特点:默认情况下,每一个li前面都存在一个列表符号(实心圆点)         怎么用:实现新闻列表、页面的主导航
2、 有序列表:         
                
  1.             
  2.         
        特点:列表符号默认为数字         扩展:更改列表符号             type="a"             type="A"             type="i"             type="I"        start="" 属性值只能接受数字
3、自定义列表:         
            
            
        
  超链接: a标签的属性:             href="url"   作用:跳转地址。             新闻        #表示空连接,在当前页面进行跳转。不会进行跳转 如果页面内容比较多,页面出现滚动条,那这个#,会跳转本页面的顶端             新闻    空连接,不会跳转到顶部。常用来模拟一个按钮。             新闻     模拟按钮
            target=""                  属性值:                     _self: 默认值,在当前窗口打开                     _blank: 新建一个窗口,打开目标地址
            rel="nofollow"    //不让爬虫进行收录
            title=""  //做提示信息。(鼠标放在链接上不动,显示信息) 不仅仅使用在a标签上,大部分都支持
           超链接默认的样式:字体为蓝色且有下划线。   图片: img:         属性:             src="图片的url"    必须存在的属性             alt=""             必须存在的属性             作用:a:文本替换图片(当图片加载不出来的时候,显示alt里面的文本)                        b:搜索引擎检测不到图片里面的文本。会查找alt里面的文本  (seo优化)               title=""   :             作用:a:提示文本                        b:当作图片的小标题             width=""  图片的宽               height-""  图片的高             border=""  给图片添加边框   表格: 作用:显示数据   表格标签:         table 表格         tr    行         td    列
表格属性:         width=""   宽(table上添加,就是整个表格的宽。如果添加在td上就是每列的宽)         height=""  高(同理)         border=""  添加边框         bordercolor=""  边框颜色         cellpadding=""  内容与边框的间距         cellspacing=""  边框与边框之间的间距         align=" "        水平对齐方式             属性值:left center right         valign=""        垂直对齐方式             属性值:top middle botttom

单元格的合并:         只要跨行:都是合并行         如果没有跨行:都是合并列
        行合并:rowspan="合并的单元格的数量"         列合并:colspan="合并的单元格的数量"
        注:无论合并行还是合并列,都是给td添加属性,和谁合并就删谁   表单: 表单的作用:收集数据(收集用户信息)
表单放在form标签里。         属性:             action=""  接口(表单提交的路径)             method="get/post"  数据提交的方法。             name=""    表单的名称
表单控件:        大部分通过input标签来实现         input 的属性                 type=""  控制input显示类型(输入框、按钮、提交按钮、单选按钮)                 value=""  根据type类型的不同,作用也不一样                     value在文本框的作用:提示信息、记录文本框的值                     value属性在按钮里的作用:更改按钮的文本
                name=""   表单控件的名称                 maxlength=""   能输入的最大长度                 size=""     控件的大小(以字符为单位)
        文本框(输入框):                      密码框:                      空按钮:                      重置按钮:                      提交按钮:(提交到action的路径)