欢迎光临
我的个人博客网站

HTML常用小知识


html常用标签

– h1…h6 文本标题标签,h1对搜索引擎友好,利于做SEO优化。一般用来渲染logo。
– p,div   段落标签块级标签,最常用的两个标签之一,p标签用于存放一行或多行文字,display转块之后也可以成为块级元素,但是尽量不要      把p标签当作容器;div 是一个标准的容器,css样式使用得当,一个页面可以从头 div 到尾。
– img 图片标签,切记要设置宽高(父元素没有宽高的情况下),当父元素有了宽高后,若图片宽高与父容器的宽高不符,可以将图片的宽高设    置为 100% 将图片拉伸至填满整个父容器。

图片属性:
– target =”_blank”时,在新窗口打开图片
– alt 图片加载失败时,设置提示信息(一般从页面优化角度出发,都要加alt属性)
– title 图片的标题,鼠标移上去时会显示的文字

–   空格

– ©版权

– br 换行

– b、strong 加粗

– i、em 倾斜

– span 文本节点标签

– a 超链接标签

爱恨原则:
– a:link 修改默认样式
– a:visited 点击之后的样式
– a:hover 鼠标滑过时(可以用于其他标签)可实现简单的动画;
– a:active 鼠标按住不动(可以用于其他标签)
– div 块标签

三种列表

 

1. 无序列表
– ul 无序列表
– li 列表中的每一行
属性:
– type=”disc” 默认值,实心圆
– type=”circle” 空心圆
– type=”square” 实心方块
备注:ul 中不可以直接嵌套 ul,但是 li 中可以嵌套 ul
2. 有序列表
– ol 有序列表
– li 有序列表中的每一行
属性:
– type=”1″ 默认值,数字排序
– type=”a” 小写英文字母排序
– type=”A” 大写英文字母排序
– type=”i” 小写罗马字母排序
– type=”I” 大写罗马字母排序
– start=”3″ 从第几级开始排序
3. 自定义列表
– dl 自定义列表
– dt 自定义列表中主题性文字(一个自定义列表中最好只有一个dt)
– dd 自定义列表中解释性文字(一个自定义列表中可以有多个dt)

 

赞(0) 打赏
未经允许不得转载:张拓的天空 » HTML常用小知识
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏