【HTML】初识HTML

HTML全名叫“超文本标记语言”,优势是可以被任何浏览器执行,可以说是一种脚本语言…..

Boss让这周末初步学完HTML+CSS,没时间介绍啦直接开写!

HTML和CSS、Javascript有什么区别?

一言难尽啊,如果把一个网页比喻成一个人,形象地说HTML就是人的骨架(结构),CSS就是人的肉体外表(外观),Javascript就是人的灵魂(逻辑代码),没有Javascript只有HTML和CSS就相当于植物人,没有CSS只有HTML和Javascript就相当于咱  

那没有HTML….废话这人能不要脸还能不要骨头吗?

 结构!结构!

HTML说白了就是强调结构的脚本,是网页的骨架,这个结构参照人体可分为脑袋(Head)和身体(Body)。

(随便撸一份网页源码都可以看到Head和Body)

脑袋里装的什么呢?

程序运行由此进入,所以这里是对整个页面的总结,比如页面的编码格式、标题都在此存放。

身体里装的什么呢?

那当然是页面主体,也就是用户接触到的可视化部分。

<h1>标签:大写的重要</h1>

要么说人家HTML先进,都是成双成对的!

格式:成双成对

①有<h1>就有</h1>,

有<button>就有</button>

你要棒打鸳鸯?Sorry,不通过! 

②标签两边靠,内容挤中间,如

<button>点我啊你敢吗</button>

这是一个按钮,效果就是这样的:

③嵌套书写,如<button><h1>我就是写写</h1></button>

④大小写随便,一般都是小写

HelloWorld引发的讨论

一段字符串可以怎么改?

加CSS!

<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
<title>Html和CSS的关系</title>
<style type=”text/css”>
h1{                            👈给“身上”的h1标题添加大括号里的格式
font-size:12px;          👈字体大小,12像素
color:#930;                👈字体颜色,HEX16进制格式
text-align:center;       👈对齐方式:居中

}
</style>
</head>
<body>
<h1>Hello World!</h1>👈你被强化了!
</body>
</html>

文本标签

<p></p>段落标签,表示里面的字符串是一段,遇到心情好的浏览器没准给你预格式化一下什么的,如

<p>有蒸羊羔、蒸熊掌、蒸鹿尾儿、烧花鸭、烧雏鸡、烧子鹅、卤猪、卤鸭、酱鸡、腊肉、松花小肚儿、晾肉、香肠儿、什锦苏盘、熏鸡白肚儿、清蒸八宝猪、江米酿鸭子、罐儿野鸡、</p>
 
<p>罐儿鹌鹑、卤什件儿、卤子鹅、山鸡、兔脯、菜蟒、银鱼、清蒸哈什蚂、烩鸭丝、烩鸭腰、烩鸭条、清拌鸭丝、黄心管儿、焖白鳝、焖黄鳝、豆豉鲇鱼、锅烧鲤鱼、烀烂甲鱼、抓炒鲤鱼、</p>
 
<p>抓炒对儿虾、软炸里脊、软炸鸡、什锦套肠儿、卤煮寒鸦儿、麻酥油卷儿、熘鲜蘑、熘鱼脯、熘鱼肚、熘鱼片儿、醋熘肉片儿、烩三鲜、烩白蘑、烩鸽子蛋、炒银丝、烩鳗鱼、炒白虾、</p>
 
<p>炝青蛤、炒面鱼、炒竹笋、芙蓉燕菜、炒虾仁儿、烩虾仁儿、烩腰花儿、烩海参、炒蹄筋儿、锅烧海参、锅烧白菜、炸木耳、炒肝尖儿、桂花翅子、清蒸翅子、炸飞禽。炸汁儿、炸排骨、</p>

超链接标签

给一串字符加超链接

<a href=”地址”></a>

<a href="http://upane.cn">主页面</a>

效果如下:你一点就跳到主页了。

主页面

图片标签

<img src=”地址”>

没有</img>!

标题标签

在<head></head>标签中可以添加<title></title>标签,以此更改网页的标题,该标签将在选项卡或窗口标题显示,并不会显示在页面中。

注释

<!--注释文字-->

欧呦这个注释好麻烦,不过可以一次框选多行,也算是值吧。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据