• HTML的基本代码第一课


    打开DREAMWEAVER,新建HTML,如下图:

    其中body的属性:                                         

    bgcolor---页面背景颜色

    text--文字颜色

    topmargin--上页边距

    leftmargin--左叶边距

    righymargin--右页边距

    bottommargin--下页边距

    background--背景壁纸

    格式控制标签:

    <font color ""face=""size="></font>

    字体颜色:color="##FF0000";

    face=字体

    size=字体大小

    <b></b>字体加粗

    <i></i>字体倾斜

    <u></u>下划线

    <strong></strong>字体加粗

    <em></em>字体倾斜

    <center></center> 字体居中

    <br>或<br/>   相当于回车(按shift+enter)

    内容容器标签:

    <h1></h1>...<h6></h6>标题(会自动换行)。标题是通过h1..h6来进行定义的。

    <p></p> 段落标签

    <div></div>层标签(默认占一行)

    <span></span>(默认用多大空间站多大空间)

    <ol type="1">有序列表

    <ul type="1">无需列表

    "../"  表示上级目录

    “./”表示当前目录

    超链接标签:

    <a href="超链接的地址"target="_blank(新窗口打开)或者new(从自身打开)">超链接文本</a>

    用超文本做“返回顶部”

    1、<a name="ding"></a>(在想要返回的位置设置一个名字)

    2、<a herf="#ding">返回顶端</a>

    图片标签

    <img src"图片地址" alt="文字" width="" height="" />(高和宽设置一个就可,alt在图片不加载时有提示)

    比如<img src=""title="这是一朵花">(在鼠标放上去后会有提示)

    表格:<table></table>表格

    widh--宽度可以用像素或者百分比表示  常用960像素

    broder---边框

    cellpadding--常用值0

    cellspacing---常用值0

    algin---对其方式

    bgcolor--背景色

    backcolor--背景图片

    <tr></tr>--行

    algin--一行内容的水平对齐方式

    valgin--一行内容的垂直对其方式

    height--行高

    background--背景图片

    <td></td>--单元格

    colspan="n"横向合并单元格,n代表合并的单元格数

    rowspan="n"纵向合并单元格,n代表合并的单元格数。

    例如建一个自己的简历:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>个人简历</title>
    </head>

    <body>
    <center><font size="6"><b>个人简历</b></font></center>
    <table align="center" width="800" height="900"border="1" cellpadding="0" cellspacing="0">
    <tr height="60">
    <td align="center"width="100"><b>姓名</b></td>
    <td align="center" width="200">刁兆建</td>
    <td align="center" width="200"><b>国籍</b></td>
    <td align="center" width="150">中国</td>
    <td align="center"rowspan="2"><img src="QQ图片20160420100038.jpg" width="150"></td>
    </tr>
    <tr align="center" height="60">
    <td><b>性别</b></td>
    <td>男</td>
    <td><b>年龄</b></td>
    <td width="150">28</td>
    </tr>
    <tr align="center" height="50">
    <td><b>民族</b></td>
    <td>汉</td>
    <td><b>目前所在地</b></td>
    <td colspan="2">山东省淄博市高新区颐和花园</td>
    </tr>
    <tr align="center">
    <td><b>身高</b></td>
    <td>181cm</td>
    <td><b>户口所在地</b></td>
    <td colspan="2">山东省菏泽市郓城县</td>
    </tr>
    <tr align="center">
    <td><b>毕业院校</b></td>
    <td>威海职业学院</td>
    <td><b>专业</b></td>
    <td colspan="2">电气自动化</td>
    </tr>
    <tr align="center">
    <td align="center"><b>联系电话</b></td>
    <td>18633491926</td>
    <td align="center"><b>公司名称</b></td>
    <td colspan="2">山东天利和软件股份有限公司</td>
    </tr>
    <tr>
    <td align="center"><b>个人工作经历</b></td>
    <td colspan="2">15年3月-至今 山东天利和软件股份有限公司</td>
    <td align="center"><b>担任职务</b></td>
    <td align="center">市场营销</td>
    </tr>
    <tr>
    <td align="center"><b>工作描述</b></td>
    <td colspan="4">按照公司要求,对所在区域内的客户进行拜访跟踪,并完成销售业绩</td>
    </tr>
    <tr>
    <td align="center"><b>离职原因</b></td>
    <td colspan="4">家庭原因</td>
    </tr>
    <tr align="center">
    <td ><b>期望工资</b></td>
    <td>5000+</td>
    <td><b>期望职位</b></td>
    <td colspan="2">研发工程师</td>
    </tr>
    <tr align="center">
    <td><b>人事部</b></td>
    <td></td>
    <td><b>部门经理</b></td>
    <td colspan="2"></td>
    </tr>


    </table>

    </body>
    </html>

    效果:


     

  • 相关阅读:
    Echarts图表常用功能配置,Demo示例
    Markdown 语法笔记
    EasyUI 通过 Combobox 实现 AutoComplete 效果
    python PIL Image基本的图片拼接、圆形裁减、添加文字
    Fiddler高级用法—Fiddler Script抓取app网页json数据并保存
    python elasticsearch环境搭建
    利用brich实现文本层次聚类,将文本内容分类
    python发送邮件带附件
    python-docx生成word文档
    python-pygal画图
  • 原文地址:https://www.cnblogs.com/diaozhaojian/p/5782233.html
Copyright © 2020-2023  润新知