当前位置:首页 > Web开发 > 正文

HTML手稿

2024-03-31 Web开发

标签:

1.网页中web 标准的三层构成?

W3C 万维网联盟

布局(HTML)、表示(CSS)、行为(JAVASCRIPT)

标签分类:

双标签

单标签

标签关系:

嵌套关系

并列关系

<html lang = ‘zh-CN‘>   语言种类

<mate charset = ‘‘UTF-8>  字符集.万国码(各个国家都能显示页面的语言)

HTML 标签语义化

让布局跟清晰

排版标签

<h> 标题标签

<p> 段落标签

<hr/> 程度线标签

<br/> 换行

没有语义

<div></div>  一行只能放一个。。。

span            一行能放多个

文本格局化标签

i    斜体

strong  加粗

b       加粗

s          删除线

del      删除线

u     下划线

ins    下划线

  标签属性 img     

alt (不能显示图片时替换文本)

title   鼠标勾留

width 宽度

height  高度

borde  边框( 在图片边 加上一个框)

a

内部链接

外部链接   加http

href    跳转方针  # (代表一个空)

target   self     _blank 

a标签可以套img

路径

相对路径

../上一级目录

锚点定位

当点击某一个点,当即跳转到具体网页位置

<h3>第二集</h3>     具体定位的文本

<a href = "#two"> 链接文本 </a>     点击文本

<base target = "_blank">  设置所有的a标签属性都在新窗口打开

 特殊字符

&nbsp  

<div>&ls &ls<div>  小于号以后这样写

表格

显示,,展示数据。才使用

<table>

  <thead><thead>

  <tbody><tbody>

</table>

<table>

  <caption><h3>表头</h3></caption>

  <tr>

    <th></th>

  </tr>
  <tr>

    <td></td>

  </tr>

</table>

表格的布局划分

<thead><thead>    用来界说表格头部 用来放标签之类的

<tbody><tbody>    用来界说表格主体

<tfoot></tfoot>     放表格脚注

表格属性

th表头单元格会加粗显示 

border = ‘1‘   边框

width     宽

height   高

align    程度对齐方法   left   right   center.  不是表格中的数据 而是文档流中

cellspacing     单元格与单元格之间的距离

cellpadding     子和边框的距离

合并单元格

跨行合并

-

-

-
<td rowspan = ‘2‘>照片</td> 

多余的单元格删除去 

跨列合并

---------------

<td colspan = ‘3‘>照片</td> 

多余的单元格删除去 

列表标签

自由组合度更高

有序列表

<ol>

  <li></li>

</ol>

无序列表

<ul>

  <li></li>

</ul>

自界说列表

<dl>

  <dt>湖南</dt>

  <dd>长沙</dd>

  <dd>株洲</dd>

</dl>

表单

redio 

checked=’checked‘ 默认选中

chekbox

checked=’checked‘ 默认选中

button

img 图片提交按钮

<input type = ‘image‘ src = ‘#‘><input/>

lable

<lable for=‘id‘></lable>

获得输入光标焦点

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/32762.html