热门关键字:
jquery > jquery教程 > jquery教程 > HTML基基基础学习

HTML基基基础学习

248
作者:管理员
发布时间:2021/3/4 11:36:50
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4079
  HTML通过使用标签,标记描述网页,展示信息显示给用户


  结构标签


  由于本人不懂如何写出双尖号,所以就只写了代码


  属性名代码描述text<body text="#F00"设置网页正文中所以文字的颜色bgcolor<body bgcolor="#00F"设置网页的背景色background<body background=“1.png”设置网页的背景图


  如果背景颜色和背景图片同时设置,最后只会显示背景图片。


  颜色的表达方式


  相对路径


  如果你的html文件和图片文件(picture.jpg)在同一个文件直接写picture.jpg,如果你的图片文件在html文件的下一级文件(pic)里面pic/picture.jpg,如果你的图片文件在html的上一级文件(pic)中,…/pic/picture.jpg


  排版标签


  块标签


  属性名代码描述div<div行级块标签,独占一行,换行span<span所有内容都在同一行


  基本文字标签


  属性名代码描述size<font size=“7”用于设置字体的大小,最大1号,最小7号color<font color="#f00"用于设置字体颜色face<font face=“宋体”用于设置字体的样式


  文本格式化标签


  b粗体标签strong加粗em强调字体big大号字体i斜体small小号字体sup下标标签sub上标标签del删除线


  标题标签


  h1,h2…h7.从大到小。


  列表标签


  无序列表


  使用一组无序的符号定义


  属性值描述circle空心圆disc实心圆square黑色方块


  有序列表


  使用一组有序的符号定义


  属性值描述1数字类型A大写字母类型a小写字母类型i古罗马类型


  图形标签


  属性名描述src引入图片的地址Width</td>图片的宽度Height</td>图片的高度border图片的边框align与图片对齐方式alt提示信息hspace在图片左右设定空白vspace在图片上下设定空白


  链接标签


  表格标签


  普通表格(table,tr,td)


  表格的列标签(th):内容有加粗和居中效果


  表格的列合并(colspan):在同一行合并多个列


  表格的行合并(rowspan):在同一行合并多个列


  html表单用于收集不同类型的用户输入数据


  input元素


  在单选时,需要给后面的name写上属性值才会体现单选;


  select元素(下拉列表)


  textarea元素(文本框)


  就是给出一个规定大小的文本框,你可以在里面填写信息


  框架结构标签frameset


  框架标签frame


  每个frame引入一个页面


  什么是CSS


  CSS作用


  CSS书写规范


  基础语法 选择器{属性:值;属性:值…}


  内嵌方式


  内部方式


  外部方式


  @import导入


  元素选择器


  id选择器


  class选择器


  在遇到同属性时,基本选择器优先级由高到低:id选择器,class选择器,元素选择器


  伪元素选择器


  层级选择器


  属性名取值描述font-size数值设置字体大小font-family默认,宋体,楷体等设置字体样式font-style斜体等设置斜体样式font-weightbolder粗体样式


  列表属性


  属性名取值描述list-style-typedisc等改变列表的标识类型list-style-imageurl(“图片地址”)用图像表示标识list-style-positioninside outside标识出现在列表项内部还是外部


  尺寸属性


  显示属性


  显示属性是display,以下是常用值:


  none:不显示


  block:区块显示


  inline:行级显示


  轮廓属性


  绘制于元素周围的一条线,位于边框的外围,可以突出元素的作用


  属性名取值描述outline-stylesolid(实线)/dotted(虚线)/dashed(虚线)设置轮廓的样式outline-color16进制;用于表示颜色的英文设置轮廓的颜色outline-Width</td>数值设置轮廓的宽度


  相对定位(relative)


  绝对定位(absolute)


  固定定位(fixed)


  通过层的概念进行页面布局。


  边框相关属性


  属性名取值描述border-stylesolid(实线)/dotted(虚线)/dashed(虚线)设置轮廓的样式border-color16进制;用于表示颜色的英文设置轮廓的颜色border-Width</td>数值设置轮廓的宽度


  外边距相关属性


  内边距相关属性




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:html
友荐云推荐