您的位置:首页 > Web前端 > HTML

文章标题

2016-11-28 23:31 302 查看
1.html :超文本标记语言,也是网页语言,所有的操作都是通过标签来实现的.可以做网页.

2.html的规范:书写格式:*以开始,以结束

**在包括两部分:设置页面信息

显示到页面的内容

</html>


3.实现换行操作

4.字体标签要操作的文字内容 里面有两个常用属性:color;size;

*要操作的文字内容

*设置文字颜色有三种方式:

第一种:直接使用英文单词进行表示 red green yellow……

第二种:使用十六进制数字进行表示 #ffffff,

** 通过RGB

第三种:使用RGB颜色值配置 rgb(255,0,0)

*设置文字的大小范围:1-7

5:标题标签:

….

6:水平标签: 可以设置属性

7.注释表签:

8:特殊字符:  可以实现空格操作

1,列表标签:

:定义列表范围

:定义上层内容

:定义下层内容

(1).有序列表标签<ol></ol>:定义列表范围
<o1>  有属性type :排序方式,其值为1 a i  (代表序号)         <ol type="1">
在<ol></ol>内有标签<li>封装的具体内容</li>
(2).无序标签<ul></ul>  <ul>里有属性type:其值disc,circle square


2,图形标签:

(1).在html中显示图片

(2).标签:< img src=”图片路径名称”/>

(3).属性:src:图片路径;width:图片的宽度; height:高度 border:图片的边框的粗细;alt:显示在图片上的内容

<img src="c.jpg" border="5" width="400" height="400" alt="这是熊出没"/>


3.超链接标签:超链接;点击打开新的内容显示在页面上的内容

属性:href:链接到的地址值;target:超链接的打开方式,其里面的值:_self 当前页面打开,_blank,新标签页打开

<a href="hello.html" target="_self">显示在页面上的内容</a>


4.表格标签:

技巧:首先数表格里面有多少行,数每行里面有多少个单元格

标签:
定义表格的范围

属性:border :设置表格线

bordercolor:设置表格线的颜色

cellspacing:设置单元格的距离

cellpadding:设置文字与单元格的距离

width:设置表格的宽度

height:设置表格的高度

a.在
标签里面表示行:

属性:align:设置对齐方式,值left,center right 要对齐的内容

b.在标签里表示列:

属性:align:设置对齐方式,值left,center right 要对齐的内容

c.:实现居中和加粗的效果

合并单元格:是在td 标签上进行操作;使用两个属性:rowspan:夸行;colspan:夸列 代码 统计信息3人

标题标签:

5.表单标签:

表单:把输入的数据提交大服务器上(存到服务器上)

标签:定义表单的范围;

属性:action:提交服务器的地址,method:提交方式两种(get/post)

代码:

输入项:要求:必须有name属性,必须有value值,输入项要写到标签内

*

一,普通输入项

二,密码输入项

三,单选输入项 注:必须有name 属性,且值必须相同 设置默认选项是属性checked=”checked”

sex: 男 女

四.复选输入项

五.文件输入项

六,隐藏项

七,普通按钮

八,下拉选择输入项:

aaa

bbb

注:使用selected=”selected”默认选中

九.文本域:

自我描述:

提交按钮和其他的按钮

提交按钮,

重置按钮:

其他标签:

(1),pre:原样输出

p:段落标签;

s:删除线:

u: 下划线

b:加粗

i:斜体

(2),

dir:自动换行

span:在一行进行显示
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  Html