跟着大佬学html - html篇

第一篇

html(HYPERTEXT Mrakup Language)---------结构
css(Cascading Style Sheets)--------样式/表现
Js(javascript)-----------行为

HTML1.0 HTML2.0 HTML3.0 HTML4.0 XHTML1.0 HTML5

html框架

<!Doctype html>声明文档类列
< html>根文件,表示要写的东西是html
< head>头部信息
< meta charset=”utf-8”/>编码格式
< title>< title >提示信息(显示在标题栏)
</ head>
< body>页面主体
</ body>
</ html>

常规标记

<标记 属性=“属性值” 属性=“属性值”></标记>
2空标记
<标记 属性=“属性值”/>

常用文本

< h1/h6> 标题
< p> 段落文本内容
&nbsb 空格
< br> 强制换行
< hr > 水平线
<b/strong> 加粗内容
<em/i> 倾斜

常用标记-列表
< ul> < li> 无序列表
< ol> < li> 有序列表
< dl> < dt> < dd> 自定义列表

图片插入

< Img src=图片地址 />(单标签)
< Img src=图片地址 alt=图片名 title图片标题/>

超链接

< a href=“链接地址”>链接文本/图片
_blank 新窗口 _self 当前窗口

a标签:超链接/下载/锚点

语法:

< a href=“链接地址”>链接文本/图片</ a>

属性:target链接打开方式

_blank       新窗口
_self      当前窗口

*相对路径的写法:

  1. img.jpg                  
    文件名
  2. img/img.jpg            
    文件夹名/文件名
  3. …/img/img.jpg
    …/文件夹名/文件名
    …/ 返回上一级

数据表格的作用及组成
作用:显示数据
组成:< table>
< tr>
< td>< /td>

< td></ td>
< /tr>
< /table>

*table 表格标签
*tr 行标签
*td 单元格标签

数据表格的相关属性

width=“表格的宽度”
height=“表格的高度"
border=“表格的边框”
bgcolor=“表格背景色”
cellspacing=“单元格与单元格之间的间距”
cellpadding=“单元格与内容之间的间隙”
水平对齐方式:align=“left/center/right”;

colspan="所要合并的单元格的列数"合并列;
rowspan="所要合并的单元格行数"合并行;

表单域

Form:用于定义采集数据的范围,即设定表单的起止位置其基本语法结构如下:

< form action=“url” method=“get/post” name=“名”>
表单内容

</ form>
*Action:用于设定表单数据文件URL的地址,这个 通常是一个后台程序或是一个电子邮件地址。

*Method:指定数据传递到服务器的方式。

*Name:用于设定表单名称,便于其他地方引用表单的值。

表单控件(元素)

文本框 <input type=“text”/ >

密码框 < input type=“password” >

待续……

猜你喜欢

转载自blog.csdn.net/weixin_44360943/article/details/106876914
今日推荐