黑马程序员_基础html css 学习(一)

最新推荐文章于 2021-08-08 18:14:17 发布

aipeng

最新推荐文章于 2021-08-08 18:14:17 发布

阅读量534

点赞数

分类专栏：黑马程序员.net 文章标签： C# html css asp.net

本文链接：https://blog.csdn.net/aipeng/article/details/37940999

版权

黑马程序员.net 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

---------------------- ASP.Net+Unity开发、.Net培训、期待与您交流！ ----------------------

1.一个基本的html 页面的写法如下：

<html>
<head>
 <title>第一页</title>
</head>
<body>
 <input type="button" name="submit" value="提交"/>
</body>
</html>

2.静态页面和动态页面

静态页面：html页面直接保存在服务器上，浏览器访问的时候，服务器直接将这个页面返回给浏览器

动态页面：服务器上不存在浏览器请求的页面，但是服务器可以动态生成html页面返回给浏览器。服务端的的语言通常有C#、VB.net、PHP、Java、C等语言

3.img 标签的使用

<img src="1.gif"  alt="ddsde" style="height: 28px; width: 100px" /><font color="red"> 第一张图</font>

alt属性的作用是当图片不显示时，可以显示alt属性的值

4. bgcolor=“red” 为背景颜色属性

5.html中的属性值可以用单引号括起来，也可以使用双引号，也可以不用引号，但单双引号要配对，不能混用

6.html 中的注释使用来注释html代码

7.特殊字符：在html中特殊字符例如<、>和空格是不能直接显示的，如果想要在界面中显示这些特殊符号，必须使用特殊的语句：

<(小于号) >(大于号) nbsp;(空格)

8.格式标签：

创建段落：<p> </p>

回车：<br/>

注意：在html中有一些标签是可以不关闭的，例如回车<br>就是一个，这是与xml不同的地方，xml是要求严格关闭的，我们在html代码中尽量使代码严格关闭

9. 外部样式和js代码的引用

   <link href="StyleSheet1.css" type="text/css" rel="stylesheet" />
      <script src="JavaScript1.js" type="text/javascript"></script>

10.html中定义了<h1> <h1/> 到<h6> <h6/>的六个标签，分别表示不同大小的字体

11.<center>居中<center/> 表示文字居中显示

12.URL 和超链接： <a href="http://www.baidu.com">百度</a>

（1）相对路径：“/”表示网站的根目录

“../”表示当前路径的父目录

“../../”表示当前目录父目录的父目录

“./”或者不写表示当前目录

（2）超链接如 <a href="http://www.baidu.com" target="_blank">百度</a> 使用target="_blank" 属性可以当用户点击超链接的时候通过新窗口打开超链接；

（3）我们可以在html代码中添加这样的超链接<a name = "Last">这里是最后</a>,这样我哦们可以通过代码<a herf="#Last">转到最后<a/> 来将当前焦点转移到前一个超链接的部分

13.talbe的使用

<table>
        <tbody>
            <tr><span style="font-family: Arial, Helvetica, sans-serif;">   </span>
                <td>性别</td>
                <td>年龄</td>
                <td>姓名</td>
            </tr>
        </tbody>
        <tr>
            <td>男</td>
            <td>28</td>
            <td>YYM</td>
        </tr>
        <tr align="right">
            <td>男</td>
            <td>28</td>
            <td>YYM</td>
        </tr>
        <tr valign="top">
            <td>男</td>
            <td>28</td>
            <td>YYM</td>
        </tr>
    </table>

14.表单为<form> 标签：如果想要将html中的数据提交到服务器，就需要使用表单，在html中我们需要<input>、<textarea>、<select>等表单元素放在form中
表单及各个标签的使用例子如下

   <form action="test.aspx">
        <input id="man" type="radio" name="gender" value="男" />
        <label for="man">男</label>
        <input id="woman" type="radio" name="gender" value="女" /><label for="woman">女</label>
        <input id="secret" type="radio" name="gender" value="保密" /><label for="secret">保密</label>
     
        <textarea> sdsdddsse</textarea>
        <select>
            <optgroup title="abc1" label="abc">
                <option>a</option>
                <option>b</option>
                <option>c</option>
            </optgroup>
            <optgroup title="abc2" label="abc2">
                <option>a</option>
                <option>b</option>
                <option>c</option>
            </optgroup>
        </select>
      <input type="button" name="submit" value="提交" />
        <input type="file" name="file" value="选择文件" />
        <input type="datetime" name="date" />
        <input  type="hidden" name="testhidden"/>
    </form>

---------------------- ASP.Net+Unity开发、 .Net培训、期待与您交流！ ----------------------详细请查看： www.itheima.com

aipeng

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
黑马程序员_基础html css 学习(一)

---------------------- ASP.Net+Unity开发、.Net培训、期待与您交流！ -------------------------------------------- ASP.Net+Unity开发、.Net培训、期待与您交流！ ----------------------详细请查看：www.itheima.com
复制链接

扫一扫