HTML1

1. 前端：html：做网页的内容

CSS：做网页的外观

JS：执行网页的动作

前端是静态网页，内容写死。要有变化的内容，需要数据库

浏览器去解析生成漂亮的界面

后台技术：.Net

数据库： SQL Server

2. html框架的标准格式

<!DOCTYPE html>  <!-- 定义文档类型-->

<html>

   <head>

   </head>

   <body>

   </body>

</html>

工具—选项—文本编辑器—HTML(Web窗体)—验证—HTML5 代表浏览器按照html5去解析

3. 一些常用的标签：（长按Ctrl +K+d 代码对齐）

<P> </P> 段落标签 paragraph

<br/> 换行 break

<pre></pre> 对换行，空格，段落都有作用，是预文本标签

&nbps; 空格

<hr/> 画水平线 horizontal rule

<h1></h1> 标题权重高 heading

<b></b> 粗体 bold

<i></i> 斜体 italic

<u></u> 下划线 underline

<s></s> 删除线

<sup></sup> 上标 superscript

<sub></sub> 下标 suberscript

有序列表 <ol> ordered list

<li></li> list item

</ol>

无序列表 <ul> unordered list

</ul>

解释性列表 <dl> definition list

<dl>

表格 <table>

<caption></caption> 表的标题

</table>

<tr>为行标table row，<th>为标题列table heading，<td>为数据列table date

<td rowspan="2"> 并行

<td colspan="2"> 并列

表格也支持嵌套

超链接 (anchor)

<a href="https://www.baidu.com/">百度</a> 当前页面跳转 hyperlink reference
<a href="https://www.baidu.com/" target="_blank">百度</a> 打开一个新的页面
<a href="javascrip:;">登录</a> JS跳转，出现一个登录对话框

<!DOCTYPE html>                          <!--默认HTML5-->

<html>

<head>

    <title>我的第一个网页</title>

    <meta charset="utf-8" />              <!--编码方式-->

</head>

<body>

    <p>hello world</p>                  <!--段落标签-->

    <p>hello world</p>

    <p>hello <br/> world</p>       <!--中间加了换行-->

    <pre> hello world

                   hello world</pre>       <!--对换行、空格和段落都有作用，是预文本标签-->

    <hr/>                                          <!--画水平线-->

    <h1>你&nbsp;&nbsp;好</h1>      <!--标题，中间加了空格-->

    <h1>你好</h1>

    <h2>hello world</h2>

    <h3>hello world</h3>

    p<sup>2</sup><br/>          <!--上标-->

    p<sub>2</sub>                    <!--下标-->

    <ol type="a">                       <!--有序列表-->

        <li>hello world 1</li>

        <li>hello world 2</li>

        <li>hello world 3</li>

        <li>hello world 4</li>

    </ol>

    <ul type="square">             <!--无序列表-->

        <li>hello world 1</li>

        <li>hello world 2</li>

        <li>hello world 3</li>

        <li>hello world 4</li>

    </ul>

    <dl>                                    <!--解释性列表-->

        <dt> 什么是C#</dt>

        <dd>这是编程语言</dd>

    </dl>

    <ul>

        <li>

            领导的效能理论、依据

            <ol>

                <li>

                    领导的权利基础

                    <ul>

                        <li>强制权利</li>

                        <li >奖赏权利</li>

                    </ul>

                </li>

                <li>

                    领导理论

                    <ul>

                        <li>持久论</li>

                        <li>强调论</li>

                    </ul>

                </li>

            </ol>

        </li>

    </ul>                   <!--列表的嵌套-->    

    <table border="1">                           <!--表格-->

        <caption align="bottom">学员信息表</caption>                                             <!--表名称-->

        <tr><th>学号</th><th>姓名</th><th>成绩</th></tr>      <!--<tr>代表行，<th>代表标题列-->

       <tr><td>0000</td><td>张三</td> <td>98</td></tr>        <!--<td>代表数据列-->

        <tr><td>0001</td><td colspan="2">李四</td> </tr>

        <tr><td rowspan="2">0002 </td><td>王五</td> <td>76</td></tr>

        <tr><td>赵六</td> <td>                                                          <!--表格的嵌套-->

            <table border="1">

             <tr><td>你好</td></tr>

                <tr><td>hello</td></tr>

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

    </table> 

    <a href="https://www.baidu.com/">百度</a>                        <!--当前页面跳转-->

    <a  href="https://www.baidu.com/" target="_blank">百度</a>    <!--打开一个新的页面-->

    <a href="javascrip:;">登录</a>                         <!--JS跳转，出现一个登录对话框-->

</body>

</html>

4. HTML标签大小写不敏感，建议都用小写。

<p> 这是开始标签 </P>这是关闭标签，开闭之间为内容。

没有内容的HTML元素称为空元素，空元素是在开始标签中关闭，<br/>。

属性总是以名称/值的形式出现，name="value"，属性总是在HTML元素的开始标签中规定；属性值应该始终被包含在引号内，双引号是最常用的，但是当属性值本身就含有双引号，那必须用单引号，name='YOYO "hello world" Gates'

HTML1的更多相关文章

sublime-生成html1.0
文件--新建--输入--html:xt--CTRL+E.生成html1.0
python OSError: [Errno 22] Invalid argument: 'D:\\crawle\x01.html1'
import urllib.request file = urllib.request.open("http://www.baidu.com") data = file.read( ...
HTML--1标签表格
HTML 内容(Hyper Text Markup Language,超文本标记语言) CSS 网页美化 Javascript 脚本语言打开DREAMWEAVER,新建HTML,如下 ...
网页HTML1
表格表单表格, <tabale> -------表格 <tr> --------------行 <td> -- ...
HTML1.0 - html 环境搭建开发工具
1. mac 电脑 2. Hbuilder 开发软件 3. 学习基础 HTML 语法网站 http://www.w3school.com.cn
HTML1网页三部份内容
网页三部份内容:HTML CSS Javascript 路径:一般做网页的时候用的相对路径. images/aaa.jpg 网页同一个目录中找images文件夹,再在images里面找aaa.jpg ...
HTML1高级
HTML头部一.链接在新窗口打开如果要定义整个网页的链接在新窗口打开,只要在/head里定义/base target="_blank"就可以了</p> 二.文档描述1 ...
初学HTML-1
HTML:Hyper Text Markup Language的缩写超文本标记语言,用来描述文本的语义,这些文本———超文本,也叫标签. 基本格式: <html> <head ...
前端html1.
HTML介绍转载http://www.cnblogs.com/liwenzhou/p/7988087.html Web服务本质 import socket sk = socket.socket() ...

随机推荐

手机信号强度单位dB、dBm和asu
dB.dBm都是功率增益的单位,不同之处如下: dB是一个表征相对值的值,纯粹的比值,只表示两个量的相对大小关系,没有单位,当考虑甲的功率相比于乙功率大或小多少个dB时,按下面的计算公式:10log( ...
贪吃蛇C#和JAVA实现
using System; using System.Windows.Forms; using System.Drawing; class Window : Form { Point[] a = ]; ...
git标签
git标签如果你达到一个重要的阶段,并希望永远记住那个特别的提交快照,你可以使用 git tag 给它打上标签.-a 选项意为"创建一个带注解的标签". 添加标签命令: $ gi ...
Eclipse+Maven创建webapp项目<一>
Eclipse+Maven创建webapp项目<一> 1.开启eclipse,右键new——>other,如下图找到maven project 2.选择maven project,显 ...
iOS开发小技巧--根据文字,计算label中文字高度
【caffe】create_mnist.sh在windows下的解决方案
@tags caffe 在windows下使用caffe时,如果先前没有啥经验,会考虑按照官方文档中的例子跑一跑.比如mnist手写数字识别. 然后就会遇到这个问题:windows下怎么执行/exam ...
【BZOJ-2937】建造酿酒厂前缀和 + 展环为链 + 乱搞
2937: [Poi2000]建造酿酒厂 Time Limit: 1 Sec Memory Limit: 128 MBSubmit: 70 Solved: 24[Submit][Status][D ...
【poj1177】 Picture
http://poj.org/problem?id=1177 (题目链接) 题意求矩形周长并. Solution 转自:http://www.cnblogs.com/Booble/archive/2 ...
Nginx 日志分享
Nginx 日志对于大部分人来说是个未被发掘的宝藏,总结之前做某日志分析系统的经验,和大家分享一下 Nginx 日志的纯手工分析方式. Nginx 日志相关配置有 2 个地方:access_log 和 ...
关于git SSH Key的生成
最近刚接触git,简直就是一小白用户,所以决定自己记录一些东西,以备不时之需系统环境:Windows 1.首先下载git,http://git-scm.com/download/ 2.正常安装git ...

HTML1

HTML1的更多相关文章

随机推荐

热门专题