1.****千万不要你的网页裸奔
hr标记,标示分割线(单个标记)
html标记的语法标记分为两种:单标记双标记
只有标记符没有结束的标记为单标记
双标记:有头有尾
单标记分两种形式:只有标记名没有属性值;有属性值的单标记
****源代码效果往往不是网页上的效果
口诀:标记分单双
div+css布局方式,从2000年开始,国外就有了,2005以后在国内流行出来了
在xthml中,所有html标记都要小写,所有标记都要有关闭比如单标记
换行(不换段)标记当中属性与属性之间用空格来区分,属性不区分先后顺序且不是必须的,所有标记都用小写
网页的头部信息是给搜索引擎看的
html元素html标签html标记这三个其实是一个东西
有些html元素,有默认的值
html文件最好用英文名来命名
****html语义说明我们在写html代码时流程如下:先写我们的控制内容的标记,例如这内容
比较重要,可以在语义上加权(有利于搜索引擎),例如:关键字
这部门内容是该文章网页的主题————推荐使用
文章标题
该标记能自动加粗换行
html用于控制网页的内容
2.网页段落文字内容---
段落内容
-实际应用当中一般就是用到4
***记住我们写代码,或者效果的演变过程*****
***用适合的html标记,去描述我们网页的内容---网站优化技巧
在html中,所有标签都必须要用属性值,如果没有,则使用属性名,
例如:
------xhtml
------html
定义一个块引用:使用文本缩进
...
cite url 被引用的地址(表示某某信息来源于那个网站)
预格式化:
用来表示文档当中的原来的代码显示
效果图:
3.传统的网页布局方式————使用table表格table原用于保存数据,保存有格式的清晰的数据布局————table————改用div+css
布局思想————排版
从大到小排版
从左到右排版,从上向下排版————按人视觉
效果如下图:
表格用于固定数据在网页上的位置。
例子效果如下图:
代码效果如下图:
表格的边框和单元格的边框在默认的情况下cellspacing的值为2,改为0之后,在下面的例子效果图可以看到效果:
单元格的合并:
合并思想:当将多个内容合并时,就会有多余的东西,删除;例如:有三列3个td,当合并时,需要删除2个。注:合并单元格就是删除多余的td。
效果图如下:
表格的合并行效果:
表格应用小练习:
效果图如下:
表格的凸起效果:
bordercolorlight表示表格边框左边和上边的颜色,却是单元格边框右边和下边的颜色;而bordercolordark与之相反。
注:立体表格效果其实就是将表格的亮边框颜色与暗边框颜色进行对比;表格自身有边框,单元格自身也有边框。
凹陷效果就是将bordercolorlight和bordercolordark的颜色只对调即可。
细线表格效果:
公式:1.将表格自身边框粗细(border=0)
2.给表格设置背景颜色
3.给表哥设置单元格之间的距离(该距离就是线条的粗细)
th标签还会自动居中
如上图红圈里面所示,td改为th
注意:当
| 之间没有内容时,默认是不显示边框的,如果想看到,加个 ;
韩顺平html笔记
HTML 一、HTML有关知识点 1.html介绍 html是一种标记语言,主要的用途是开发网页,使用html可以展现文字、图片、视频、声音,html是我们web开发(网站开发)。 2.html可以做什么 ?html可以编写静态网页 ?该静态网页可以包括文字、图像、动画、声音、表格、链接。从而构成一个个漂亮的网页 3.Html发展历史 4.Html的基本结构 5.是标记(也叫元素),标记的一般格式: <元素名[属性=“属性值”]>元素内容标签> 如果没有内容可以用:<元素名[属性=“属性值”]/> 6.Html实体标记 7.Html常用标记
?html超链接 ●_blank 新的窗口 ●_self 本窗口 ●_parent 父窗口 ●_top整个浏览器窗口 ?html图像元素 ?html表格
?无序列表
?有序列表
?框架
?表单元素
文本框: 密码框: 单选框: 复选框:checked是指默认选中的 隐藏域: 图片按钮: ?文本域:
?下拉菜单: