【上课无聊系列】有关html

1.前端的核心技术：

2. HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。

3.java ee?

4.通信概论: 一流公司定标准，二流公司、协议，三流公司做产品

5.开始和结束:<b> </b> (是shift旁边那个括号)

开头的<!doctype html> 然后每个地方囊括

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<h1>嗯?</h1>
<p>我的第一个段落。</p>

</body>
</html>

6.编译器推荐

Notepad++：https://notepad-plus-plus.org/
Sublime Text：http://www.sublimetext.com/
VS Code：https://code.visualstudio.com

7.写完之后要另存为html

打开: 启动您的浏览器，然后选择"文件"菜单的"打开文件"命令，或者直接在文件夹中双击您的 HTML 文件,

【或者使用记事本】

保存的时候选择“所有文件--- ”a.html就可以了随后用浏览器打开

HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的.

HTML链接:

<a href="http://www.runoob.com">这是一个链接</a>

html链接是<a>标签来实现的
<a herf="http://.....> 这是一个链接</a>
html图像
<img src="...." width=" " height=" " />
<img src="...." width=" " height=" "/>
如果图片来自网络,写绝对路径然后*.jpg和*.html的路径要注意一下
*.jpg

<br> 换行的意思【<br/>是直接换掉一行(空的)】
如果属性值包含双引号,那你还是用单引号吧...

【属性】
(1)
class 定义一个/多个雷鸣
id 定义元素id
style title
(2)请确保将 HTML 标题标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。
(3) <hr>创建水平线
(4)注释

对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
(要用<br>来换行,写的时候写成xxx不管,它会自己删掉..)
浏览器忽略了.....
【这里要先加<pre> ... </pre> 就可以有空格和换行了】
【文本格式化】
(1)<b>("bold") 加粗
<i>("italic")斜体
<i>("italic") <i>("italic")
一般不会上面那样用.. 直接是
<b>加粗文本</b>
<i>也是....
并且:通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。(是一样子的)
(2)这是 <sub> 下标</sub> 和 <sup> 上标</sup>
(3)<big>..</big> 以及<small>
(4)地址: <address>
<del>删除线<ins>下划线
(5)<p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p>
(6)

--"计算机标签"还没有看

【html链接】

(1)
<a href="/index.html">本文本</a> 是一个指向本网站中的一个页面的链接。</p>
这样子，“本文本”下面就有了下划线，可以直接转到。
<p><a href="http://www.microsoft.com/">本文本</a> 是一个指向万维网上的页面的链接。</p>
<p><a href="http://www.microsoft.con/">
(2)
在新窗口打开:只要加点东西,target属性
<a href="http://www.runoob.com/" target="_blank">访问菜鸟教程!</a>
(3)id属性
创建图片链接:
先写<a href="...."> 再<img border="0",..> </a>
我们知道<a> </a>是超级链接中间夹杂的由文字变成了图片---

<p>创建图片链接:
<a href="http://www.runoob.com/html/html-tutorial.html">
<img border="10" src="smiley.gif" alt="HTML 教程" width="32" height="32"></a></p>

<p>无边框的图片链接:把border改成0就好
【这里为什么这么写呀》】

(4)如何跳转到制定位置?
首先,上面要写好:
<p> <a href="#C4">查看章节 4</a></p>
后面要写:
<h2><a id="#C4">章节 4</a> </h2>
可以写一堆的<h2>,这个只是粗度(?)而已啦,,并不是说只能有6个标题。

(5)添加邮件

<p>
这是一个电子邮件链接：
<a href="mailto:[email protected]?Subject=Hello%20again" target="_top">
发送邮件</a>
</p>

主题是hello

注意:</b> 单词之间空格使用 %20 代替，以确保浏览器可以正常显示文本。

跳出框架:
<p>跳出框架?</p>
<a href="http://www.runoob.com/" target="_top">点击这里!</a>

用base的话,设置默认链接(路径) 和新窗口打开模式

<base href="http://www.runoob.com/images/" target="_blank">
【关于头部】

<head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。

可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>

<title>是标题 <base>是默认设置,

<meta http-equiv="refresh" content="30">

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

核心编译器是csc,装了.net from work就可以

【实战】
（似乎更应该写博客园里）
<p>是段落,其实不写段落也行
大概熟了就好了吧

【上课无聊系列】有关html

猜你喜欢