您现在的位置是:时尚 >>正文
html怎么使用
时尚3319人已围观
简介# HTML怎么使用 打开记事本,敲下 `你好`,保存为 `.html` 文件,双击——浏览器里跳出一行加粗大字。这就是HTML最朴素的使用方式。它不是什么编程语言,没有变量、循环、判断,只是一套给内 ...
# HTML怎么使用 打开记事本,使用敲下 `
` 或 `
`,单打独斗,自己就是完整指令。写HTML的日常,无非是在合适的地方放合适的标签。文字用 `
你好
`,使用保存为 `.html` 文件,使用双击——浏览器里跳出一行加粗大字。使用这就是使用HTML最朴素的使用方式。它不是使用什么编程语言,没有变量、使用循环、使用判断,使用只是使用一套给内容贴标签的标记系统。浏览器读到 ``,使用就知道“这是使用个大标题”,读到 `
`,使用就明白“这是使用一段话”。 标签分两类。使用一类像 `
标题
`,成对出现,中间裹着内容;另一类像 ``,单打独斗,自己就是完整指令。写HTML的日常,无非是在合适的地方放合适的标签。文字用 `
` 包起来,链接用 ``,图片用 ` 前端开发,住在杭州。`。就这么直接。 拿一个真实页面举例。假设你要做张个人名片页。骨架先搭好: ```html
张三
发邮件给我 ``` `` 告诉浏览器“这是HTML5”,`
- ` 是无序列表,`
- ` 是列表项,`` 是链接。浏览器渲染出来就是两个带圆点的条目,点一下跳转。嵌套时注意闭合顺序——先开的后关,像叠盘子,最后放上去的最先拿下来。 属性是标签的附加信息。`` 的 `href` 指定跳转地址,`
` 的 `src` 指定图片路径,`alt` 是图片加载失败时的替代文字。`alt` 别偷懒不写,网络差的时候用户至少知道那里本该有张图。`class` 和 `id` 用来给标签起名字,方便CSS和JavaScript找它。`id` 全页面唯一,`class` 可以重复用。 写HTML有个习惯得养:缩进。嵌套层级用两个空格或一个Tab拉开,代码结构一目了然。不缩进也能跑,但过两周回头看,自己都认不出哪层套哪层。 浏览器对HTML很宽容。标签忘了闭合,它帮你猜;属性引号漏了,它试着补。但这种宽容是陷阱——不同浏览器猜法可能不一样,页面在Chrome正常,到Firefox就歪了。所以老老实实闭合每个标签,属性值加引号,别指望浏览器兜底。 HTML文件本质是纯文本。用任何文本编辑器都能写,VSCode、Sublime、甚至系统自带的记事本。保存时扩展名用 `.html` 或 `.htm`,编码选UTF-8。双击文件,默认浏览器打开,就能看到效果。改完代码刷新浏览器,新样式立刻生效——这种即时反馈,是HTML让人上瘾的地方。 想验证写得对不对,按F12打开开发者工具,Elements面板里能看到浏览器实际解析出的DOM树。和你写的源码对比,多了少了什么,一目了然。这比猜来猜去高效得多。 HTML是网页的骨架,CSS管长相,JavaScript管行为。三样里HTML最简单,也最基础。花一个下午把常用标签过一遍,就能动手写页面了。剩下的,在写的过程中遇到再查,比死记硬背强。
Tags:
上一篇:面条大鸽的个人频道
相关文章
个别网站图片加载不出来
时尚昨天想查一家老馆子的招牌菜,点进点评页面,图片区一片灰白,只有加载中的小圈圈转个没完。等了十秒,圈圈没了,留下几个空荡荡的占位符,像被抽走牙齿的牙床。这场景太熟了——不是网速问题,不是服务器宕机,就是 ...
【时尚】
阅读更多什么手段是电磁空间里的侦察兵
时尚电子侦察卫星掠过天际时,它捕捉到的不是可见光图像,而是电磁波谱上跳动的脉冲。那是雷达的呼吸、通信的絮语、数据链的脉搏。我见过一张卫星过境时的频谱图,屏幕上密密麻麻的尖峰像城市夜景的灯光,每一根都对应着 ...
【时尚】
阅读更多seo数据库
时尚SEO数据库这词儿听着唬人,说白了就是把你网站那几百上千个页面,拆成一张张能查、能比、能算的表格。我见过太多人把宝压在关键词工具上,天天刷排名,却连自己站点哪一页该干嘛都说不清。数据不在库里头,优化就 ...
【时尚】
阅读更多